/* Minification failed. Returning unminified contents.
(9027,29): run-time error CSS1030: Expected identifier, found ','
(9027,46): run-time error CSS1031: Expected selector, found ')'
(9027,46): run-time error CSS1025: Expected comma or open brace, found ')'
(24524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24527,22): run-time error CSS1039: Token not allowed after unary operator: '-g'
(24527,33): run-time error CSS1039: Token not allowed after unary operator: '-t'
(24528,17): run-time error CSS1039: Token not allowed after unary operator: '-t'
(24529,34): run-time error CSS1039: Token not allowed after unary operator: '-t'
(24530,32): run-time error CSS1039: Token not allowed after unary operator: '-s'
(24530,41): run-time error CSS1039: Token not allowed after unary operator: '-s'
(24530,97): run-time error CSS1039: Token not allowed after unary operator: '-s'
(24530,119): run-time error CSS1039: Token not allowed after unary operator: '-s'
(43915,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(43924,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(43991,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(44067,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/*! 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; }

/*
* 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:#fff;color:#2e2e2e}.k-input[readonly]{background-color:#fff;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:#fff;-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:#fff;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:#fff;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:#fff;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:#fff;background-color:#f35800;border-color:#f35800}.k-button:active:hover,.k-button.k-state-active:hover{color:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;background-image:none;border-color:#f35800}.k-tabstrip .k-content.k-state-active{background-color:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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:#FFF;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:#fff;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 #fff;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:#fff;-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:#fff;-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: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100; }
  .s-overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .s-overlay-message {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100; }
    .s-overlay-message > .spinner {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      border: 8px solid rgba(212, 223, 236, 0.4);
      border-top-color: #FFFFFF;
      -webkit-animation: b 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
      animation: b 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1); }

@-webkit-keyframes b {
  0%, 10% {
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg); }
  90%, to {
    -webkit-transform: rotate(317deg);
    transform: rotate(317deg); } }

@keyframes b {
  0%, 10% {
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg); }
  90%, to {
    -webkit-transform: rotate(317deg);
    transform: rotate(317deg); } }
    .s-overlay-message.notext > .text {
      display: none; }
    .s-overlay-message > .text {
      text-align: center;
      color: white; }

.s-message {
  background-size: 30px 30px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4);
  animation: animate-bg 5s linear infinite;
  position: fixed;
  width: 100%;
  padding: 10px;
  top: -30px;
  left: 0;
  height: 30px;
  z-index: 200;
  color: #FFFFFF;
  border: 1px solid; }
  .s-message.info {
    background-color: #4ea5cd;
    border-color: #3b8eb5; }
  .s-message.error {
    background-color: #de4343;
    border-color: #c43d3d; }
  .s-message.warning {
    background-color: #eaaf51;
    border-color: #d99a36; }
  .s-message.success {
    background-color: #61b832;
    border-color: #55a12c; }

.s-widget .s-overlay-message > .spinner,
.ui-dialog .s-overlay-message > .spinner {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 8px solid rgba(212, 223, 236, 0.4);
  border-top-color: #FFFFFF;
  -webkit-animation: b 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
  animation: b 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1); }

@-webkit-keyframes b {
  0%, 10% {
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg); }
  90%, to {
    -webkit-transform: rotate(317deg);
    transform: rotate(317deg); } }

@keyframes b {
  0%, 10% {
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg); }
  90%, to {
    -webkit-transform: rotate(317deg);
    transform: rotate(317deg); } }

@keyframes animate-bg {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px 0; } }

.toolbar {
  background-color: #EFEFEF;
  border: 1px solid #ddd;
  padding: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 0.9em; }

.tableTitle {
  background-color: #EFEFEF;
  border: solid 1px #e8e8e8;
  padding: 5px;
  font-weight: bold;
  margin: 1px 0 1px 0; }

.ui-widget-overlay {
  background-color: #000000 !important;
  opacity: .4 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 100 !important; }

@charset "UTF-8";
/*#region fonts*/
@font-face {
  font-family: "Lato";
  src: url("fonts/Lato-Regular.eot");
  src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato-Semibold";
  src: url("fonts/Lato-Semibold.eot");
  src: url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Semibold.woff") format("woff"), url("fonts/Lato-Semibold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.eot");
  src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Sarabun";
  src: url("fonts/Sarabun-ExtraBold.eot");
  src: url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-ExtraBold.woff") format("woff"), url("fonts/Sarabun-ExtraBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Sarabun-Bold";
  src: url("fonts/Sarabun-Bold.eot");
  src: url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-Bold.woff") format("woff"), url("fonts/Sarabun-Bold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Sarabun-SemiBold";
  src: url("fonts/Sarabun-SemiBold.eot");
  src: url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-SemiBold.woff") format("woff"), url("fonts/Sarabun-SemiBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Source-Sans-Pro";
  src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff"), url("fonts/sourcesanspro-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source-Sans-Pro-bold";
  src: url("fonts/sourcesanspro-bold.woff2") format("woff2"), url("fonts/sourcesanspro-bold.woff") format("woff"), url("fonts/sourcesanspro-bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source-Sans-Pro-semibold";
  src: url("fonts/sourcesanspro-semibold.woff2") format("woff2"), url("fonts/sourcesanspro-semibold.woff") format("woff"), url("fonts/sourcesanspro-semibold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/*#endregion fonts*/
/* colors */
.FastPayment .fast-pay-account-img.no-img, .FastPayment .fast-pay-account-wrapper, .FastPayment .dot-menu-inner, .help-info-wrapper, .personal-data-settings .help-info-wrapper, .showPagination .pagination .pageCurrent, .repayments.templates a,
.widget-pagination.templates a, .repayments,
.widget-pagination, .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label, .ui-datepicker .ui-widget-header .ui-datepicker-next, .ui-datepicker .ui-widget-header .ui-datepicker-prev {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

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

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

html,
body,
div,
span,
applet,
object,
frame,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
ooter, header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
html > #toggle-acc-details, html > #toggle-card-details, html > #toggle-loan-details, html > #toggle-template-open, html > #toggle-payment-open,
body > #toggle-acc-details,
body > #toggle-card-details,
body > #toggle-loan-details,
body > #toggle-template-open,
body > #toggle-payment-open,
div > #toggle-acc-details,
div > #toggle-card-details,
div > #toggle-loan-details,
div > #toggle-template-open,
div > #toggle-payment-open,
span > #toggle-acc-details,
span > #toggle-card-details,
span > #toggle-loan-details,
span > #toggle-template-open,
span > #toggle-payment-open,
applet > #toggle-acc-details,
applet > #toggle-card-details,
applet > #toggle-loan-details,
applet > #toggle-template-open,
applet > #toggle-payment-open,
object > #toggle-acc-details,
object > #toggle-card-details,
object > #toggle-loan-details,
object > #toggle-template-open,
object > #toggle-payment-open,
frame > #toggle-acc-details,
frame > #toggle-card-details,
frame > #toggle-loan-details,
frame > #toggle-template-open,
frame > #toggle-payment-open,
h1 > #toggle-acc-details,
h1 > #toggle-card-details,
h1 > #toggle-loan-details,
h1 > #toggle-template-open,
h1 > #toggle-payment-open,
h2 > #toggle-acc-details,
h2 > #toggle-card-details,
h2 > #toggle-loan-details,
h2 > #toggle-template-open,
h2 > #toggle-payment-open,
h3 > #toggle-acc-details,
h3 > #toggle-card-details,
h3 > #toggle-loan-details,
h3 > #toggle-template-open,
h3 > #toggle-payment-open,
h4 > #toggle-acc-details,
h4 > #toggle-card-details,
h4 > #toggle-loan-details,
h4 > #toggle-template-open,
h4 > #toggle-payment-open,
h5 > #toggle-acc-details,
h5 > #toggle-card-details,
h5 > #toggle-loan-details,
h5 > #toggle-template-open,
h5 > #toggle-payment-open,
h6 > #toggle-acc-details,
h6 > #toggle-card-details,
h6 > #toggle-loan-details,
h6 > #toggle-template-open,
h6 > #toggle-payment-open,
p > #toggle-acc-details,
p > #toggle-card-details,
p > #toggle-loan-details,
p > #toggle-template-open,
p > #toggle-payment-open,
blockquote > #toggle-acc-details,
blockquote > #toggle-card-details,
blockquote > #toggle-loan-details,
blockquote > #toggle-template-open,
blockquote > #toggle-payment-open,
pre > #toggle-acc-details,
pre > #toggle-card-details,
pre > #toggle-loan-details,
pre > #toggle-template-open,
pre > #toggle-payment-open,
a > #toggle-acc-details,
a > #toggle-card-details,
a > #toggle-loan-details,
a > #toggle-template-open,
a > #toggle-payment-open,
abbr > #toggle-acc-details,
abbr > #toggle-card-details,
abbr > #toggle-loan-details,
abbr > #toggle-template-open,
abbr > #toggle-payment-open,
acronym > #toggle-acc-details,
acronym > #toggle-card-details,
acronym > #toggle-loan-details,
acronym > #toggle-template-open,
acronym > #toggle-payment-open,
address > #toggle-acc-details,
address > #toggle-card-details,
address > #toggle-loan-details,
address > #toggle-template-open,
address > #toggle-payment-open,
big > #toggle-acc-details,
big > #toggle-card-details,
big > #toggle-loan-details,
big > #toggle-template-open,
big > #toggle-payment-open,
cite > #toggle-acc-details,
cite > #toggle-card-details,
cite > #toggle-loan-details,
cite > #toggle-template-open,
cite > #toggle-payment-open,
code > #toggle-acc-details,
code > #toggle-card-details,
code > #toggle-loan-details,
code > #toggle-template-open,
code > #toggle-payment-open,
del > #toggle-acc-details,
del > #toggle-card-details,
del > #toggle-loan-details,
del > #toggle-template-open,
del > #toggle-payment-open,
dfn > #toggle-acc-details,
dfn > #toggle-card-details,
dfn > #toggle-loan-details,
dfn > #toggle-template-open,
dfn > #toggle-payment-open,
em > #toggle-acc-details,
em > #toggle-card-details,
em > #toggle-loan-details,
em > #toggle-template-open,
em > #toggle-payment-open,
img > #toggle-acc-details,
img > #toggle-card-details,
img > #toggle-loan-details,
img > #toggle-template-open,
img > #toggle-payment-open,
ins > #toggle-acc-details,
ins > #toggle-card-details,
ins > #toggle-loan-details,
ins > #toggle-template-open,
ins > #toggle-payment-open,
kbd > #toggle-acc-details,
kbd > #toggle-card-details,
kbd > #toggle-loan-details,
kbd > #toggle-template-open,
kbd > #toggle-payment-open,
q > #toggle-acc-details,
q > #toggle-card-details,
q > #toggle-loan-details,
q > #toggle-template-open,
q > #toggle-payment-open,
s > #toggle-acc-details,
s > #toggle-card-details,
s > #toggle-loan-details,
s > #toggle-template-open,
s > #toggle-payment-open,
samp > #toggle-acc-details,
samp > #toggle-card-details,
samp > #toggle-loan-details,
samp > #toggle-template-open,
samp > #toggle-payment-open,
small > #toggle-acc-details,
small > #toggle-card-details,
small > #toggle-loan-details,
small > #toggle-template-open,
small > #toggle-payment-open,
strike > #toggle-acc-details,
strike > #toggle-card-details,
strike > #toggle-loan-details,
strike > #toggle-template-open,
strike > #toggle-payment-open,
strong > #toggle-acc-details,
strong > #toggle-card-details,
strong > #toggle-loan-details,
strong > #toggle-template-open,
strong > #toggle-payment-open,
sub > #toggle-acc-details,
sub > #toggle-card-details,
sub > #toggle-loan-details,
sub > #toggle-template-open,
sub > #toggle-payment-open,
sup > #toggle-acc-details,
sup > #toggle-card-details,
sup > #toggle-loan-details,
sup > #toggle-template-open,
sup > #toggle-payment-open,
tt > #toggle-acc-details,
tt > #toggle-card-details,
tt > #toggle-loan-details,
tt > #toggle-template-open,
tt > #toggle-payment-open,
var > #toggle-acc-details,
var > #toggle-card-details,
var > #toggle-loan-details,
var > #toggle-template-open,
var > #toggle-payment-open,
b > #toggle-acc-details,
b > #toggle-card-details,
b > #toggle-loan-details,
b > #toggle-template-open,
b > #toggle-payment-open,
u > #toggle-acc-details,
u > #toggle-card-details,
u > #toggle-loan-details,
u > #toggle-template-open,
u > #toggle-payment-open,
i > #toggle-acc-details,
i > #toggle-card-details,
i > #toggle-loan-details,
i > #toggle-template-open,
i > #toggle-payment-open,
center > #toggle-acc-details,
center > #toggle-card-details,
center > #toggle-loan-details,
center > #toggle-template-open,
center > #toggle-payment-open,
dl > #toggle-acc-details,
dl > #toggle-card-details,
dl > #toggle-loan-details,
dl > #toggle-template-open,
dl > #toggle-payment-open,
dt > #toggle-acc-details,
dt > #toggle-card-details,
dt > #toggle-loan-details,
dt > #toggle-template-open,
dt > #toggle-payment-open,
dd > #toggle-acc-details,
dd > #toggle-card-details,
dd > #toggle-loan-details,
dd > #toggle-template-open,
dd > #toggle-payment-open,
ol > #toggle-acc-details,
ol > #toggle-card-details,
ol > #toggle-loan-details,
ol > #toggle-template-open,
ol > #toggle-payment-open,
ul > #toggle-acc-details,
ul > #toggle-card-details,
ul > #toggle-loan-details,
ul > #toggle-template-open,
ul > #toggle-payment-open,
li > #toggle-acc-details,
li > #toggle-card-details,
li > #toggle-loan-details,
li > #toggle-template-open,
li > #toggle-payment-open,
fieldset > #toggle-acc-details,
fieldset > #toggle-card-details,
fieldset > #toggle-loan-details,
fieldset > #toggle-template-open,
fieldset > #toggle-payment-open,
form > #toggle-acc-details,
form > #toggle-card-details,
form > #toggle-loan-details,
form > #toggle-template-open,
form > #toggle-payment-open,
label > #toggle-acc-details,
label > #toggle-card-details,
label > #toggle-loan-details,
label > #toggle-template-open,
label > #toggle-payment-open,
legend > #toggle-acc-details,
legend > #toggle-card-details,
legend > #toggle-loan-details,
legend > #toggle-template-open,
legend > #toggle-payment-open,
table > #toggle-acc-details,
table > #toggle-card-details,
table > #toggle-loan-details,
table > #toggle-template-open,
table > #toggle-payment-open,
caption > #toggle-acc-details,
caption > #toggle-card-details,
caption > #toggle-loan-details,
caption > #toggle-template-open,
caption > #toggle-payment-open,
tbody > #toggle-acc-details,
tbody > #toggle-card-details,
tbody > #toggle-loan-details,
tbody > #toggle-template-open,
tbody > #toggle-payment-open,
tfoot > #toggle-acc-details,
tfoot > #toggle-card-details,
tfoot > #toggle-loan-details,
tfoot > #toggle-template-open,
tfoot > #toggle-payment-open,
thead > #toggle-acc-details,
thead > #toggle-card-details,
thead > #toggle-loan-details,
thead > #toggle-template-open,
thead > #toggle-payment-open,
tr > #toggle-acc-details,
tr > #toggle-card-details,
tr > #toggle-loan-details,
tr > #toggle-template-open,
tr > #toggle-payment-open,
th > #toggle-acc-details,
th > #toggle-card-details,
th > #toggle-loan-details,
th > #toggle-template-open,
th > #toggle-payment-open,
td > #toggle-acc-details,
td > #toggle-card-details,
td > #toggle-loan-details,
td > #toggle-template-open,
td > #toggle-payment-open,
article > #toggle-acc-details,
article > #toggle-card-details,
article > #toggle-loan-details,
article > #toggle-template-open,
article > #toggle-payment-open,
aside > #toggle-acc-details,
aside > #toggle-card-details,
aside > #toggle-loan-details,
aside > #toggle-template-open,
aside > #toggle-payment-open,
canvas > #toggle-acc-details,
canvas > #toggle-card-details,
canvas > #toggle-loan-details,
canvas > #toggle-template-open,
canvas > #toggle-payment-open,
details > #toggle-acc-details,
details > #toggle-card-details,
details > #toggle-loan-details,
details > #toggle-template-open,
details > #toggle-payment-open,
embed > #toggle-acc-details,
embed > #toggle-card-details,
embed > #toggle-loan-details,
embed > #toggle-template-open,
embed > #toggle-payment-open,
figure > #toggle-acc-details,
figure > #toggle-card-details,
figure > #toggle-loan-details,
figure > #toggle-template-open,
figure > #toggle-payment-open,
figcaption > #toggle-acc-details,
figcaption > #toggle-card-details,
figcaption > #toggle-loan-details,
figcaption > #toggle-template-open,
figcaption > #toggle-payment-open,
ooter > #toggle-acc-details,
ooter > #toggle-card-details,
ooter > #toggle-loan-details,
ooter > #toggle-template-open,
ooter > #toggle-payment-open, header > #toggle-acc-details, header > #toggle-card-details, header > #toggle-loan-details, header > #toggle-template-open, header > #toggle-payment-open,
hgroup > #toggle-acc-details,
hgroup > #toggle-card-details,
hgroup > #toggle-loan-details,
hgroup > #toggle-template-open,
hgroup > #toggle-payment-open,
menu > #toggle-acc-details,
menu > #toggle-card-details,
menu > #toggle-loan-details,
menu > #toggle-template-open,
menu > #toggle-payment-open,
nav > #toggle-acc-details,
nav > #toggle-card-details,
nav > #toggle-loan-details,
nav > #toggle-template-open,
nav > #toggle-payment-open,
output > #toggle-acc-details,
output > #toggle-card-details,
output > #toggle-loan-details,
output > #toggle-template-open,
output > #toggle-payment-open,
ruby > #toggle-acc-details,
ruby > #toggle-card-details,
ruby > #toggle-loan-details,
ruby > #toggle-template-open,
ruby > #toggle-payment-open,
section > #toggle-acc-details,
section > #toggle-card-details,
section > #toggle-loan-details,
section > #toggle-template-open,
section > #toggle-payment-open,
summary > #toggle-acc-details,
summary > #toggle-card-details,
summary > #toggle-loan-details,
summary > #toggle-template-open,
summary > #toggle-payment-open,
time > #toggle-acc-details,
time > #toggle-card-details,
time > #toggle-loan-details,
time > #toggle-template-open,
time > #toggle-payment-open,
mark > #toggle-acc-details,
mark > #toggle-card-details,
mark > #toggle-loan-details,
mark > #toggle-template-open,
mark > #toggle-payment-open,
audio > #toggle-acc-details,
audio > #toggle-card-details,
audio > #toggle-loan-details,
audio > #toggle-template-open,
audio > #toggle-payment-open,
video > #toggle-acc-details,
video > #toggle-card-details,
video > #toggle-loan-details,
video > #toggle-template-open,
video > #toggle-payment-open {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 18px;
  cursor: pointer;
  background: radial-gradient(circle, hsla(0, 0%, 100%, 0.6) 50%, hsla(0, 0%, 100%, 0) 100%);
}
html > #toggle-acc-details > .expand-icon, html > #toggle-card-details > .expand-icon, html > #toggle-loan-details > .expand-icon, html > #toggle-template-open > .expand-icon, html > #toggle-payment-open > .expand-icon,
body > #toggle-acc-details > .expand-icon,
body > #toggle-card-details > .expand-icon,
body > #toggle-loan-details > .expand-icon,
body > #toggle-template-open > .expand-icon,
body > #toggle-payment-open > .expand-icon,
div > #toggle-acc-details > .expand-icon,
div > #toggle-card-details > .expand-icon,
div > #toggle-loan-details > .expand-icon,
div > #toggle-template-open > .expand-icon,
div > #toggle-payment-open > .expand-icon,
span > #toggle-acc-details > .expand-icon,
span > #toggle-card-details > .expand-icon,
span > #toggle-loan-details > .expand-icon,
span > #toggle-template-open > .expand-icon,
span > #toggle-payment-open > .expand-icon,
applet > #toggle-acc-details > .expand-icon,
applet > #toggle-card-details > .expand-icon,
applet > #toggle-loan-details > .expand-icon,
applet > #toggle-template-open > .expand-icon,
applet > #toggle-payment-open > .expand-icon,
object > #toggle-acc-details > .expand-icon,
object > #toggle-card-details > .expand-icon,
object > #toggle-loan-details > .expand-icon,
object > #toggle-template-open > .expand-icon,
object > #toggle-payment-open > .expand-icon,
frame > #toggle-acc-details > .expand-icon,
frame > #toggle-card-details > .expand-icon,
frame > #toggle-loan-details > .expand-icon,
frame > #toggle-template-open > .expand-icon,
frame > #toggle-payment-open > .expand-icon,
h1 > #toggle-acc-details > .expand-icon,
h1 > #toggle-card-details > .expand-icon,
h1 > #toggle-loan-details > .expand-icon,
h1 > #toggle-template-open > .expand-icon,
h1 > #toggle-payment-open > .expand-icon,
h2 > #toggle-acc-details > .expand-icon,
h2 > #toggle-card-details > .expand-icon,
h2 > #toggle-loan-details > .expand-icon,
h2 > #toggle-template-open > .expand-icon,
h2 > #toggle-payment-open > .expand-icon,
h3 > #toggle-acc-details > .expand-icon,
h3 > #toggle-card-details > .expand-icon,
h3 > #toggle-loan-details > .expand-icon,
h3 > #toggle-template-open > .expand-icon,
h3 > #toggle-payment-open > .expand-icon,
h4 > #toggle-acc-details > .expand-icon,
h4 > #toggle-card-details > .expand-icon,
h4 > #toggle-loan-details > .expand-icon,
h4 > #toggle-template-open > .expand-icon,
h4 > #toggle-payment-open > .expand-icon,
h5 > #toggle-acc-details > .expand-icon,
h5 > #toggle-card-details > .expand-icon,
h5 > #toggle-loan-details > .expand-icon,
h5 > #toggle-template-open > .expand-icon,
h5 > #toggle-payment-open > .expand-icon,
h6 > #toggle-acc-details > .expand-icon,
h6 > #toggle-card-details > .expand-icon,
h6 > #toggle-loan-details > .expand-icon,
h6 > #toggle-template-open > .expand-icon,
h6 > #toggle-payment-open > .expand-icon,
p > #toggle-acc-details > .expand-icon,
p > #toggle-card-details > .expand-icon,
p > #toggle-loan-details > .expand-icon,
p > #toggle-template-open > .expand-icon,
p > #toggle-payment-open > .expand-icon,
blockquote > #toggle-acc-details > .expand-icon,
blockquote > #toggle-card-details > .expand-icon,
blockquote > #toggle-loan-details > .expand-icon,
blockquote > #toggle-template-open > .expand-icon,
blockquote > #toggle-payment-open > .expand-icon,
pre > #toggle-acc-details > .expand-icon,
pre > #toggle-card-details > .expand-icon,
pre > #toggle-loan-details > .expand-icon,
pre > #toggle-template-open > .expand-icon,
pre > #toggle-payment-open > .expand-icon,
a > #toggle-acc-details > .expand-icon,
a > #toggle-card-details > .expand-icon,
a > #toggle-loan-details > .expand-icon,
a > #toggle-template-open > .expand-icon,
a > #toggle-payment-open > .expand-icon,
abbr > #toggle-acc-details > .expand-icon,
abbr > #toggle-card-details > .expand-icon,
abbr > #toggle-loan-details > .expand-icon,
abbr > #toggle-template-open > .expand-icon,
abbr > #toggle-payment-open > .expand-icon,
acronym > #toggle-acc-details > .expand-icon,
acronym > #toggle-card-details > .expand-icon,
acronym > #toggle-loan-details > .expand-icon,
acronym > #toggle-template-open > .expand-icon,
acronym > #toggle-payment-open > .expand-icon,
address > #toggle-acc-details > .expand-icon,
address > #toggle-card-details > .expand-icon,
address > #toggle-loan-details > .expand-icon,
address > #toggle-template-open > .expand-icon,
address > #toggle-payment-open > .expand-icon,
big > #toggle-acc-details > .expand-icon,
big > #toggle-card-details > .expand-icon,
big > #toggle-loan-details > .expand-icon,
big > #toggle-template-open > .expand-icon,
big > #toggle-payment-open > .expand-icon,
cite > #toggle-acc-details > .expand-icon,
cite > #toggle-card-details > .expand-icon,
cite > #toggle-loan-details > .expand-icon,
cite > #toggle-template-open > .expand-icon,
cite > #toggle-payment-open > .expand-icon,
code > #toggle-acc-details > .expand-icon,
code > #toggle-card-details > .expand-icon,
code > #toggle-loan-details > .expand-icon,
code > #toggle-template-open > .expand-icon,
code > #toggle-payment-open > .expand-icon,
del > #toggle-acc-details > .expand-icon,
del > #toggle-card-details > .expand-icon,
del > #toggle-loan-details > .expand-icon,
del > #toggle-template-open > .expand-icon,
del > #toggle-payment-open > .expand-icon,
dfn > #toggle-acc-details > .expand-icon,
dfn > #toggle-card-details > .expand-icon,
dfn > #toggle-loan-details > .expand-icon,
dfn > #toggle-template-open > .expand-icon,
dfn > #toggle-payment-open > .expand-icon,
em > #toggle-acc-details > .expand-icon,
em > #toggle-card-details > .expand-icon,
em > #toggle-loan-details > .expand-icon,
em > #toggle-template-open > .expand-icon,
em > #toggle-payment-open > .expand-icon,
img > #toggle-acc-details > .expand-icon,
img > #toggle-card-details > .expand-icon,
img > #toggle-loan-details > .expand-icon,
img > #toggle-template-open > .expand-icon,
img > #toggle-payment-open > .expand-icon,
ins > #toggle-acc-details > .expand-icon,
ins > #toggle-card-details > .expand-icon,
ins > #toggle-loan-details > .expand-icon,
ins > #toggle-template-open > .expand-icon,
ins > #toggle-payment-open > .expand-icon,
kbd > #toggle-acc-details > .expand-icon,
kbd > #toggle-card-details > .expand-icon,
kbd > #toggle-loan-details > .expand-icon,
kbd > #toggle-template-open > .expand-icon,
kbd > #toggle-payment-open > .expand-icon,
q > #toggle-acc-details > .expand-icon,
q > #toggle-card-details > .expand-icon,
q > #toggle-loan-details > .expand-icon,
q > #toggle-template-open > .expand-icon,
q > #toggle-payment-open > .expand-icon,
s > #toggle-acc-details > .expand-icon,
s > #toggle-card-details > .expand-icon,
s > #toggle-loan-details > .expand-icon,
s > #toggle-template-open > .expand-icon,
s > #toggle-payment-open > .expand-icon,
samp > #toggle-acc-details > .expand-icon,
samp > #toggle-card-details > .expand-icon,
samp > #toggle-loan-details > .expand-icon,
samp > #toggle-template-open > .expand-icon,
samp > #toggle-payment-open > .expand-icon,
small > #toggle-acc-details > .expand-icon,
small > #toggle-card-details > .expand-icon,
small > #toggle-loan-details > .expand-icon,
small > #toggle-template-open > .expand-icon,
small > #toggle-payment-open > .expand-icon,
strike > #toggle-acc-details > .expand-icon,
strike > #toggle-card-details > .expand-icon,
strike > #toggle-loan-details > .expand-icon,
strike > #toggle-template-open > .expand-icon,
strike > #toggle-payment-open > .expand-icon,
strong > #toggle-acc-details > .expand-icon,
strong > #toggle-card-details > .expand-icon,
strong > #toggle-loan-details > .expand-icon,
strong > #toggle-template-open > .expand-icon,
strong > #toggle-payment-open > .expand-icon,
sub > #toggle-acc-details > .expand-icon,
sub > #toggle-card-details > .expand-icon,
sub > #toggle-loan-details > .expand-icon,
sub > #toggle-template-open > .expand-icon,
sub > #toggle-payment-open > .expand-icon,
sup > #toggle-acc-details > .expand-icon,
sup > #toggle-card-details > .expand-icon,
sup > #toggle-loan-details > .expand-icon,
sup > #toggle-template-open > .expand-icon,
sup > #toggle-payment-open > .expand-icon,
tt > #toggle-acc-details > .expand-icon,
tt > #toggle-card-details > .expand-icon,
tt > #toggle-loan-details > .expand-icon,
tt > #toggle-template-open > .expand-icon,
tt > #toggle-payment-open > .expand-icon,
var > #toggle-acc-details > .expand-icon,
var > #toggle-card-details > .expand-icon,
var > #toggle-loan-details > .expand-icon,
var > #toggle-template-open > .expand-icon,
var > #toggle-payment-open > .expand-icon,
b > #toggle-acc-details > .expand-icon,
b > #toggle-card-details > .expand-icon,
b > #toggle-loan-details > .expand-icon,
b > #toggle-template-open > .expand-icon,
b > #toggle-payment-open > .expand-icon,
u > #toggle-acc-details > .expand-icon,
u > #toggle-card-details > .expand-icon,
u > #toggle-loan-details > .expand-icon,
u > #toggle-template-open > .expand-icon,
u > #toggle-payment-open > .expand-icon,
i > #toggle-acc-details > .expand-icon,
i > #toggle-card-details > .expand-icon,
i > #toggle-loan-details > .expand-icon,
i > #toggle-template-open > .expand-icon,
i > #toggle-payment-open > .expand-icon,
center > #toggle-acc-details > .expand-icon,
center > #toggle-card-details > .expand-icon,
center > #toggle-loan-details > .expand-icon,
center > #toggle-template-open > .expand-icon,
center > #toggle-payment-open > .expand-icon,
dl > #toggle-acc-details > .expand-icon,
dl > #toggle-card-details > .expand-icon,
dl > #toggle-loan-details > .expand-icon,
dl > #toggle-template-open > .expand-icon,
dl > #toggle-payment-open > .expand-icon,
dt > #toggle-acc-details > .expand-icon,
dt > #toggle-card-details > .expand-icon,
dt > #toggle-loan-details > .expand-icon,
dt > #toggle-template-open > .expand-icon,
dt > #toggle-payment-open > .expand-icon,
dd > #toggle-acc-details > .expand-icon,
dd > #toggle-card-details > .expand-icon,
dd > #toggle-loan-details > .expand-icon,
dd > #toggle-template-open > .expand-icon,
dd > #toggle-payment-open > .expand-icon,
ol > #toggle-acc-details > .expand-icon,
ol > #toggle-card-details > .expand-icon,
ol > #toggle-loan-details > .expand-icon,
ol > #toggle-template-open > .expand-icon,
ol > #toggle-payment-open > .expand-icon,
ul > #toggle-acc-details > .expand-icon,
ul > #toggle-card-details > .expand-icon,
ul > #toggle-loan-details > .expand-icon,
ul > #toggle-template-open > .expand-icon,
ul > #toggle-payment-open > .expand-icon,
li > #toggle-acc-details > .expand-icon,
li > #toggle-card-details > .expand-icon,
li > #toggle-loan-details > .expand-icon,
li > #toggle-template-open > .expand-icon,
li > #toggle-payment-open > .expand-icon,
fieldset > #toggle-acc-details > .expand-icon,
fieldset > #toggle-card-details > .expand-icon,
fieldset > #toggle-loan-details > .expand-icon,
fieldset > #toggle-template-open > .expand-icon,
fieldset > #toggle-payment-open > .expand-icon,
form > #toggle-acc-details > .expand-icon,
form > #toggle-card-details > .expand-icon,
form > #toggle-loan-details > .expand-icon,
form > #toggle-template-open > .expand-icon,
form > #toggle-payment-open > .expand-icon,
label > #toggle-acc-details > .expand-icon,
label > #toggle-card-details > .expand-icon,
label > #toggle-loan-details > .expand-icon,
label > #toggle-template-open > .expand-icon,
label > #toggle-payment-open > .expand-icon,
legend > #toggle-acc-details > .expand-icon,
legend > #toggle-card-details > .expand-icon,
legend > #toggle-loan-details > .expand-icon,
legend > #toggle-template-open > .expand-icon,
legend > #toggle-payment-open > .expand-icon,
table > #toggle-acc-details > .expand-icon,
table > #toggle-card-details > .expand-icon,
table > #toggle-loan-details > .expand-icon,
table > #toggle-template-open > .expand-icon,
table > #toggle-payment-open > .expand-icon,
caption > #toggle-acc-details > .expand-icon,
caption > #toggle-card-details > .expand-icon,
caption > #toggle-loan-details > .expand-icon,
caption > #toggle-template-open > .expand-icon,
caption > #toggle-payment-open > .expand-icon,
tbody > #toggle-acc-details > .expand-icon,
tbody > #toggle-card-details > .expand-icon,
tbody > #toggle-loan-details > .expand-icon,
tbody > #toggle-template-open > .expand-icon,
tbody > #toggle-payment-open > .expand-icon,
tfoot > #toggle-acc-details > .expand-icon,
tfoot > #toggle-card-details > .expand-icon,
tfoot > #toggle-loan-details > .expand-icon,
tfoot > #toggle-template-open > .expand-icon,
tfoot > #toggle-payment-open > .expand-icon,
thead > #toggle-acc-details > .expand-icon,
thead > #toggle-card-details > .expand-icon,
thead > #toggle-loan-details > .expand-icon,
thead > #toggle-template-open > .expand-icon,
thead > #toggle-payment-open > .expand-icon,
tr > #toggle-acc-details > .expand-icon,
tr > #toggle-card-details > .expand-icon,
tr > #toggle-loan-details > .expand-icon,
tr > #toggle-template-open > .expand-icon,
tr > #toggle-payment-open > .expand-icon,
th > #toggle-acc-details > .expand-icon,
th > #toggle-card-details > .expand-icon,
th > #toggle-loan-details > .expand-icon,
th > #toggle-template-open > .expand-icon,
th > #toggle-payment-open > .expand-icon,
td > #toggle-acc-details > .expand-icon,
td > #toggle-card-details > .expand-icon,
td > #toggle-loan-details > .expand-icon,
td > #toggle-template-open > .expand-icon,
td > #toggle-payment-open > .expand-icon,
article > #toggle-acc-details > .expand-icon,
article > #toggle-card-details > .expand-icon,
article > #toggle-loan-details > .expand-icon,
article > #toggle-template-open > .expand-icon,
article > #toggle-payment-open > .expand-icon,
aside > #toggle-acc-details > .expand-icon,
aside > #toggle-card-details > .expand-icon,
aside > #toggle-loan-details > .expand-icon,
aside > #toggle-template-open > .expand-icon,
aside > #toggle-payment-open > .expand-icon,
canvas > #toggle-acc-details > .expand-icon,
canvas > #toggle-card-details > .expand-icon,
canvas > #toggle-loan-details > .expand-icon,
canvas > #toggle-template-open > .expand-icon,
canvas > #toggle-payment-open > .expand-icon,
details > #toggle-acc-details > .expand-icon,
details > #toggle-card-details > .expand-icon,
details > #toggle-loan-details > .expand-icon,
details > #toggle-template-open > .expand-icon,
details > #toggle-payment-open > .expand-icon,
embed > #toggle-acc-details > .expand-icon,
embed > #toggle-card-details > .expand-icon,
embed > #toggle-loan-details > .expand-icon,
embed > #toggle-template-open > .expand-icon,
embed > #toggle-payment-open > .expand-icon,
figure > #toggle-acc-details > .expand-icon,
figure > #toggle-card-details > .expand-icon,
figure > #toggle-loan-details > .expand-icon,
figure > #toggle-template-open > .expand-icon,
figure > #toggle-payment-open > .expand-icon,
figcaption > #toggle-acc-details > .expand-icon,
figcaption > #toggle-card-details > .expand-icon,
figcaption > #toggle-loan-details > .expand-icon,
figcaption > #toggle-template-open > .expand-icon,
figcaption > #toggle-payment-open > .expand-icon,
ooter > #toggle-acc-details > .expand-icon,
ooter > #toggle-card-details > .expand-icon,
ooter > #toggle-loan-details > .expand-icon,
ooter > #toggle-template-open > .expand-icon,
ooter > #toggle-payment-open > .expand-icon, header > #toggle-acc-details > .expand-icon, header > #toggle-card-details > .expand-icon, header > #toggle-loan-details > .expand-icon, header > #toggle-template-open > .expand-icon, header > #toggle-payment-open > .expand-icon,
hgroup > #toggle-acc-details > .expand-icon,
hgroup > #toggle-card-details > .expand-icon,
hgroup > #toggle-loan-details > .expand-icon,
hgroup > #toggle-template-open > .expand-icon,
hgroup > #toggle-payment-open > .expand-icon,
menu > #toggle-acc-details > .expand-icon,
menu > #toggle-card-details > .expand-icon,
menu > #toggle-loan-details > .expand-icon,
menu > #toggle-template-open > .expand-icon,
menu > #toggle-payment-open > .expand-icon,
nav > #toggle-acc-details > .expand-icon,
nav > #toggle-card-details > .expand-icon,
nav > #toggle-loan-details > .expand-icon,
nav > #toggle-template-open > .expand-icon,
nav > #toggle-payment-open > .expand-icon,
output > #toggle-acc-details > .expand-icon,
output > #toggle-card-details > .expand-icon,
output > #toggle-loan-details > .expand-icon,
output > #toggle-template-open > .expand-icon,
output > #toggle-payment-open > .expand-icon,
ruby > #toggle-acc-details > .expand-icon,
ruby > #toggle-card-details > .expand-icon,
ruby > #toggle-loan-details > .expand-icon,
ruby > #toggle-template-open > .expand-icon,
ruby > #toggle-payment-open > .expand-icon,
section > #toggle-acc-details > .expand-icon,
section > #toggle-card-details > .expand-icon,
section > #toggle-loan-details > .expand-icon,
section > #toggle-template-open > .expand-icon,
section > #toggle-payment-open > .expand-icon,
summary > #toggle-acc-details > .expand-icon,
summary > #toggle-card-details > .expand-icon,
summary > #toggle-loan-details > .expand-icon,
summary > #toggle-template-open > .expand-icon,
summary > #toggle-payment-open > .expand-icon,
time > #toggle-acc-details > .expand-icon,
time > #toggle-card-details > .expand-icon,
time > #toggle-loan-details > .expand-icon,
time > #toggle-template-open > .expand-icon,
time > #toggle-payment-open > .expand-icon,
mark > #toggle-acc-details > .expand-icon,
mark > #toggle-card-details > .expand-icon,
mark > #toggle-loan-details > .expand-icon,
mark > #toggle-template-open > .expand-icon,
mark > #toggle-payment-open > .expand-icon,
audio > #toggle-acc-details > .expand-icon,
audio > #toggle-card-details > .expand-icon,
audio > #toggle-loan-details > .expand-icon,
audio > #toggle-template-open > .expand-icon,
audio > #toggle-payment-open > .expand-icon,
video > #toggle-acc-details > .expand-icon,
video > #toggle-card-details > .expand-icon,
video > #toggle-loan-details > .expand-icon,
video > #toggle-template-open > .expand-icon,
video > #toggle-payment-open > .expand-icon {
  width: 14px;
  height: 14px;
  stroke: #52ae30;
  margin-right: 5px;
}
html > #toggle-acc-details > .detailsBtn, html > #toggle-card-details > .detailsBtn, html > #toggle-loan-details > .detailsBtn, html > #toggle-template-open > .detailsBtn, html > #toggle-payment-open > .detailsBtn,
body > #toggle-acc-details > .detailsBtn,
body > #toggle-card-details > .detailsBtn,
body > #toggle-loan-details > .detailsBtn,
body > #toggle-template-open > .detailsBtn,
body > #toggle-payment-open > .detailsBtn,
div > #toggle-acc-details > .detailsBtn,
div > #toggle-card-details > .detailsBtn,
div > #toggle-loan-details > .detailsBtn,
div > #toggle-template-open > .detailsBtn,
div > #toggle-payment-open > .detailsBtn,
span > #toggle-acc-details > .detailsBtn,
span > #toggle-card-details > .detailsBtn,
span > #toggle-loan-details > .detailsBtn,
span > #toggle-template-open > .detailsBtn,
span > #toggle-payment-open > .detailsBtn,
applet > #toggle-acc-details > .detailsBtn,
applet > #toggle-card-details > .detailsBtn,
applet > #toggle-loan-details > .detailsBtn,
applet > #toggle-template-open > .detailsBtn,
applet > #toggle-payment-open > .detailsBtn,
object > #toggle-acc-details > .detailsBtn,
object > #toggle-card-details > .detailsBtn,
object > #toggle-loan-details > .detailsBtn,
object > #toggle-template-open > .detailsBtn,
object > #toggle-payment-open > .detailsBtn,
frame > #toggle-acc-details > .detailsBtn,
frame > #toggle-card-details > .detailsBtn,
frame > #toggle-loan-details > .detailsBtn,
frame > #toggle-template-open > .detailsBtn,
frame > #toggle-payment-open > .detailsBtn,
h1 > #toggle-acc-details > .detailsBtn,
h1 > #toggle-card-details > .detailsBtn,
h1 > #toggle-loan-details > .detailsBtn,
h1 > #toggle-template-open > .detailsBtn,
h1 > #toggle-payment-open > .detailsBtn,
h2 > #toggle-acc-details > .detailsBtn,
h2 > #toggle-card-details > .detailsBtn,
h2 > #toggle-loan-details > .detailsBtn,
h2 > #toggle-template-open > .detailsBtn,
h2 > #toggle-payment-open > .detailsBtn,
h3 > #toggle-acc-details > .detailsBtn,
h3 > #toggle-card-details > .detailsBtn,
h3 > #toggle-loan-details > .detailsBtn,
h3 > #toggle-template-open > .detailsBtn,
h3 > #toggle-payment-open > .detailsBtn,
h4 > #toggle-acc-details > .detailsBtn,
h4 > #toggle-card-details > .detailsBtn,
h4 > #toggle-loan-details > .detailsBtn,
h4 > #toggle-template-open > .detailsBtn,
h4 > #toggle-payment-open > .detailsBtn,
h5 > #toggle-acc-details > .detailsBtn,
h5 > #toggle-card-details > .detailsBtn,
h5 > #toggle-loan-details > .detailsBtn,
h5 > #toggle-template-open > .detailsBtn,
h5 > #toggle-payment-open > .detailsBtn,
h6 > #toggle-acc-details > .detailsBtn,
h6 > #toggle-card-details > .detailsBtn,
h6 > #toggle-loan-details > .detailsBtn,
h6 > #toggle-template-open > .detailsBtn,
h6 > #toggle-payment-open > .detailsBtn,
p > #toggle-acc-details > .detailsBtn,
p > #toggle-card-details > .detailsBtn,
p > #toggle-loan-details > .detailsBtn,
p > #toggle-template-open > .detailsBtn,
p > #toggle-payment-open > .detailsBtn,
blockquote > #toggle-acc-details > .detailsBtn,
blockquote > #toggle-card-details > .detailsBtn,
blockquote > #toggle-loan-details > .detailsBtn,
blockquote > #toggle-template-open > .detailsBtn,
blockquote > #toggle-payment-open > .detailsBtn,
pre > #toggle-acc-details > .detailsBtn,
pre > #toggle-card-details > .detailsBtn,
pre > #toggle-loan-details > .detailsBtn,
pre > #toggle-template-open > .detailsBtn,
pre > #toggle-payment-open > .detailsBtn,
a > #toggle-acc-details > .detailsBtn,
a > #toggle-card-details > .detailsBtn,
a > #toggle-loan-details > .detailsBtn,
a > #toggle-template-open > .detailsBtn,
a > #toggle-payment-open > .detailsBtn,
abbr > #toggle-acc-details > .detailsBtn,
abbr > #toggle-card-details > .detailsBtn,
abbr > #toggle-loan-details > .detailsBtn,
abbr > #toggle-template-open > .detailsBtn,
abbr > #toggle-payment-open > .detailsBtn,
acronym > #toggle-acc-details > .detailsBtn,
acronym > #toggle-card-details > .detailsBtn,
acronym > #toggle-loan-details > .detailsBtn,
acronym > #toggle-template-open > .detailsBtn,
acronym > #toggle-payment-open > .detailsBtn,
address > #toggle-acc-details > .detailsBtn,
address > #toggle-card-details > .detailsBtn,
address > #toggle-loan-details > .detailsBtn,
address > #toggle-template-open > .detailsBtn,
address > #toggle-payment-open > .detailsBtn,
big > #toggle-acc-details > .detailsBtn,
big > #toggle-card-details > .detailsBtn,
big > #toggle-loan-details > .detailsBtn,
big > #toggle-template-open > .detailsBtn,
big > #toggle-payment-open > .detailsBtn,
cite > #toggle-acc-details > .detailsBtn,
cite > #toggle-card-details > .detailsBtn,
cite > #toggle-loan-details > .detailsBtn,
cite > #toggle-template-open > .detailsBtn,
cite > #toggle-payment-open > .detailsBtn,
code > #toggle-acc-details > .detailsBtn,
code > #toggle-card-details > .detailsBtn,
code > #toggle-loan-details > .detailsBtn,
code > #toggle-template-open > .detailsBtn,
code > #toggle-payment-open > .detailsBtn,
del > #toggle-acc-details > .detailsBtn,
del > #toggle-card-details > .detailsBtn,
del > #toggle-loan-details > .detailsBtn,
del > #toggle-template-open > .detailsBtn,
del > #toggle-payment-open > .detailsBtn,
dfn > #toggle-acc-details > .detailsBtn,
dfn > #toggle-card-details > .detailsBtn,
dfn > #toggle-loan-details > .detailsBtn,
dfn > #toggle-template-open > .detailsBtn,
dfn > #toggle-payment-open > .detailsBtn,
em > #toggle-acc-details > .detailsBtn,
em > #toggle-card-details > .detailsBtn,
em > #toggle-loan-details > .detailsBtn,
em > #toggle-template-open > .detailsBtn,
em > #toggle-payment-open > .detailsBtn,
img > #toggle-acc-details > .detailsBtn,
img > #toggle-card-details > .detailsBtn,
img > #toggle-loan-details > .detailsBtn,
img > #toggle-template-open > .detailsBtn,
img > #toggle-payment-open > .detailsBtn,
ins > #toggle-acc-details > .detailsBtn,
ins > #toggle-card-details > .detailsBtn,
ins > #toggle-loan-details > .detailsBtn,
ins > #toggle-template-open > .detailsBtn,
ins > #toggle-payment-open > .detailsBtn,
kbd > #toggle-acc-details > .detailsBtn,
kbd > #toggle-card-details > .detailsBtn,
kbd > #toggle-loan-details > .detailsBtn,
kbd > #toggle-template-open > .detailsBtn,
kbd > #toggle-payment-open > .detailsBtn,
q > #toggle-acc-details > .detailsBtn,
q > #toggle-card-details > .detailsBtn,
q > #toggle-loan-details > .detailsBtn,
q > #toggle-template-open > .detailsBtn,
q > #toggle-payment-open > .detailsBtn,
s > #toggle-acc-details > .detailsBtn,
s > #toggle-card-details > .detailsBtn,
s > #toggle-loan-details > .detailsBtn,
s > #toggle-template-open > .detailsBtn,
s > #toggle-payment-open > .detailsBtn,
samp > #toggle-acc-details > .detailsBtn,
samp > #toggle-card-details > .detailsBtn,
samp > #toggle-loan-details > .detailsBtn,
samp > #toggle-template-open > .detailsBtn,
samp > #toggle-payment-open > .detailsBtn,
small > #toggle-acc-details > .detailsBtn,
small > #toggle-card-details > .detailsBtn,
small > #toggle-loan-details > .detailsBtn,
small > #toggle-template-open > .detailsBtn,
small > #toggle-payment-open > .detailsBtn,
strike > #toggle-acc-details > .detailsBtn,
strike > #toggle-card-details > .detailsBtn,
strike > #toggle-loan-details > .detailsBtn,
strike > #toggle-template-open > .detailsBtn,
strike > #toggle-payment-open > .detailsBtn,
strong > #toggle-acc-details > .detailsBtn,
strong > #toggle-card-details > .detailsBtn,
strong > #toggle-loan-details > .detailsBtn,
strong > #toggle-template-open > .detailsBtn,
strong > #toggle-payment-open > .detailsBtn,
sub > #toggle-acc-details > .detailsBtn,
sub > #toggle-card-details > .detailsBtn,
sub > #toggle-loan-details > .detailsBtn,
sub > #toggle-template-open > .detailsBtn,
sub > #toggle-payment-open > .detailsBtn,
sup > #toggle-acc-details > .detailsBtn,
sup > #toggle-card-details > .detailsBtn,
sup > #toggle-loan-details > .detailsBtn,
sup > #toggle-template-open > .detailsBtn,
sup > #toggle-payment-open > .detailsBtn,
tt > #toggle-acc-details > .detailsBtn,
tt > #toggle-card-details > .detailsBtn,
tt > #toggle-loan-details > .detailsBtn,
tt > #toggle-template-open > .detailsBtn,
tt > #toggle-payment-open > .detailsBtn,
var > #toggle-acc-details > .detailsBtn,
var > #toggle-card-details > .detailsBtn,
var > #toggle-loan-details > .detailsBtn,
var > #toggle-template-open > .detailsBtn,
var > #toggle-payment-open > .detailsBtn,
b > #toggle-acc-details > .detailsBtn,
b > #toggle-card-details > .detailsBtn,
b > #toggle-loan-details > .detailsBtn,
b > #toggle-template-open > .detailsBtn,
b > #toggle-payment-open > .detailsBtn,
u > #toggle-acc-details > .detailsBtn,
u > #toggle-card-details > .detailsBtn,
u > #toggle-loan-details > .detailsBtn,
u > #toggle-template-open > .detailsBtn,
u > #toggle-payment-open > .detailsBtn,
i > #toggle-acc-details > .detailsBtn,
i > #toggle-card-details > .detailsBtn,
i > #toggle-loan-details > .detailsBtn,
i > #toggle-template-open > .detailsBtn,
i > #toggle-payment-open > .detailsBtn,
center > #toggle-acc-details > .detailsBtn,
center > #toggle-card-details > .detailsBtn,
center > #toggle-loan-details > .detailsBtn,
center > #toggle-template-open > .detailsBtn,
center > #toggle-payment-open > .detailsBtn,
dl > #toggle-acc-details > .detailsBtn,
dl > #toggle-card-details > .detailsBtn,
dl > #toggle-loan-details > .detailsBtn,
dl > #toggle-template-open > .detailsBtn,
dl > #toggle-payment-open > .detailsBtn,
dt > #toggle-acc-details > .detailsBtn,
dt > #toggle-card-details > .detailsBtn,
dt > #toggle-loan-details > .detailsBtn,
dt > #toggle-template-open > .detailsBtn,
dt > #toggle-payment-open > .detailsBtn,
dd > #toggle-acc-details > .detailsBtn,
dd > #toggle-card-details > .detailsBtn,
dd > #toggle-loan-details > .detailsBtn,
dd > #toggle-template-open > .detailsBtn,
dd > #toggle-payment-open > .detailsBtn,
ol > #toggle-acc-details > .detailsBtn,
ol > #toggle-card-details > .detailsBtn,
ol > #toggle-loan-details > .detailsBtn,
ol > #toggle-template-open > .detailsBtn,
ol > #toggle-payment-open > .detailsBtn,
ul > #toggle-acc-details > .detailsBtn,
ul > #toggle-card-details > .detailsBtn,
ul > #toggle-loan-details > .detailsBtn,
ul > #toggle-template-open > .detailsBtn,
ul > #toggle-payment-open > .detailsBtn,
li > #toggle-acc-details > .detailsBtn,
li > #toggle-card-details > .detailsBtn,
li > #toggle-loan-details > .detailsBtn,
li > #toggle-template-open > .detailsBtn,
li > #toggle-payment-open > .detailsBtn,
fieldset > #toggle-acc-details > .detailsBtn,
fieldset > #toggle-card-details > .detailsBtn,
fieldset > #toggle-loan-details > .detailsBtn,
fieldset > #toggle-template-open > .detailsBtn,
fieldset > #toggle-payment-open > .detailsBtn,
form > #toggle-acc-details > .detailsBtn,
form > #toggle-card-details > .detailsBtn,
form > #toggle-loan-details > .detailsBtn,
form > #toggle-template-open > .detailsBtn,
form > #toggle-payment-open > .detailsBtn,
label > #toggle-acc-details > .detailsBtn,
label > #toggle-card-details > .detailsBtn,
label > #toggle-loan-details > .detailsBtn,
label > #toggle-template-open > .detailsBtn,
label > #toggle-payment-open > .detailsBtn,
legend > #toggle-acc-details > .detailsBtn,
legend > #toggle-card-details > .detailsBtn,
legend > #toggle-loan-details > .detailsBtn,
legend > #toggle-template-open > .detailsBtn,
legend > #toggle-payment-open > .detailsBtn,
table > #toggle-acc-details > .detailsBtn,
table > #toggle-card-details > .detailsBtn,
table > #toggle-loan-details > .detailsBtn,
table > #toggle-template-open > .detailsBtn,
table > #toggle-payment-open > .detailsBtn,
caption > #toggle-acc-details > .detailsBtn,
caption > #toggle-card-details > .detailsBtn,
caption > #toggle-loan-details > .detailsBtn,
caption > #toggle-template-open > .detailsBtn,
caption > #toggle-payment-open > .detailsBtn,
tbody > #toggle-acc-details > .detailsBtn,
tbody > #toggle-card-details > .detailsBtn,
tbody > #toggle-loan-details > .detailsBtn,
tbody > #toggle-template-open > .detailsBtn,
tbody > #toggle-payment-open > .detailsBtn,
tfoot > #toggle-acc-details > .detailsBtn,
tfoot > #toggle-card-details > .detailsBtn,
tfoot > #toggle-loan-details > .detailsBtn,
tfoot > #toggle-template-open > .detailsBtn,
tfoot > #toggle-payment-open > .detailsBtn,
thead > #toggle-acc-details > .detailsBtn,
thead > #toggle-card-details > .detailsBtn,
thead > #toggle-loan-details > .detailsBtn,
thead > #toggle-template-open > .detailsBtn,
thead > #toggle-payment-open > .detailsBtn,
tr > #toggle-acc-details > .detailsBtn,
tr > #toggle-card-details > .detailsBtn,
tr > #toggle-loan-details > .detailsBtn,
tr > #toggle-template-open > .detailsBtn,
tr > #toggle-payment-open > .detailsBtn,
th > #toggle-acc-details > .detailsBtn,
th > #toggle-card-details > .detailsBtn,
th > #toggle-loan-details > .detailsBtn,
th > #toggle-template-open > .detailsBtn,
th > #toggle-payment-open > .detailsBtn,
td > #toggle-acc-details > .detailsBtn,
td > #toggle-card-details > .detailsBtn,
td > #toggle-loan-details > .detailsBtn,
td > #toggle-template-open > .detailsBtn,
td > #toggle-payment-open > .detailsBtn,
article > #toggle-acc-details > .detailsBtn,
article > #toggle-card-details > .detailsBtn,
article > #toggle-loan-details > .detailsBtn,
article > #toggle-template-open > .detailsBtn,
article > #toggle-payment-open > .detailsBtn,
aside > #toggle-acc-details > .detailsBtn,
aside > #toggle-card-details > .detailsBtn,
aside > #toggle-loan-details > .detailsBtn,
aside > #toggle-template-open > .detailsBtn,
aside > #toggle-payment-open > .detailsBtn,
canvas > #toggle-acc-details > .detailsBtn,
canvas > #toggle-card-details > .detailsBtn,
canvas > #toggle-loan-details > .detailsBtn,
canvas > #toggle-template-open > .detailsBtn,
canvas > #toggle-payment-open > .detailsBtn,
details > #toggle-acc-details > .detailsBtn,
details > #toggle-card-details > .detailsBtn,
details > #toggle-loan-details > .detailsBtn,
details > #toggle-template-open > .detailsBtn,
details > #toggle-payment-open > .detailsBtn,
embed > #toggle-acc-details > .detailsBtn,
embed > #toggle-card-details > .detailsBtn,
embed > #toggle-loan-details > .detailsBtn,
embed > #toggle-template-open > .detailsBtn,
embed > #toggle-payment-open > .detailsBtn,
figure > #toggle-acc-details > .detailsBtn,
figure > #toggle-card-details > .detailsBtn,
figure > #toggle-loan-details > .detailsBtn,
figure > #toggle-template-open > .detailsBtn,
figure > #toggle-payment-open > .detailsBtn,
figcaption > #toggle-acc-details > .detailsBtn,
figcaption > #toggle-card-details > .detailsBtn,
figcaption > #toggle-loan-details > .detailsBtn,
figcaption > #toggle-template-open > .detailsBtn,
figcaption > #toggle-payment-open > .detailsBtn,
ooter > #toggle-acc-details > .detailsBtn,
ooter > #toggle-card-details > .detailsBtn,
ooter > #toggle-loan-details > .detailsBtn,
ooter > #toggle-template-open > .detailsBtn,
ooter > #toggle-payment-open > .detailsBtn, header > #toggle-acc-details > .detailsBtn, header > #toggle-card-details > .detailsBtn, header > #toggle-loan-details > .detailsBtn, header > #toggle-template-open > .detailsBtn, header > #toggle-payment-open > .detailsBtn,
hgroup > #toggle-acc-details > .detailsBtn,
hgroup > #toggle-card-details > .detailsBtn,
hgroup > #toggle-loan-details > .detailsBtn,
hgroup > #toggle-template-open > .detailsBtn,
hgroup > #toggle-payment-open > .detailsBtn,
menu > #toggle-acc-details > .detailsBtn,
menu > #toggle-card-details > .detailsBtn,
menu > #toggle-loan-details > .detailsBtn,
menu > #toggle-template-open > .detailsBtn,
menu > #toggle-payment-open > .detailsBtn,
nav > #toggle-acc-details > .detailsBtn,
nav > #toggle-card-details > .detailsBtn,
nav > #toggle-loan-details > .detailsBtn,
nav > #toggle-template-open > .detailsBtn,
nav > #toggle-payment-open > .detailsBtn,
output > #toggle-acc-details > .detailsBtn,
output > #toggle-card-details > .detailsBtn,
output > #toggle-loan-details > .detailsBtn,
output > #toggle-template-open > .detailsBtn,
output > #toggle-payment-open > .detailsBtn,
ruby > #toggle-acc-details > .detailsBtn,
ruby > #toggle-card-details > .detailsBtn,
ruby > #toggle-loan-details > .detailsBtn,
ruby > #toggle-template-open > .detailsBtn,
ruby > #toggle-payment-open > .detailsBtn,
section > #toggle-acc-details > .detailsBtn,
section > #toggle-card-details > .detailsBtn,
section > #toggle-loan-details > .detailsBtn,
section > #toggle-template-open > .detailsBtn,
section > #toggle-payment-open > .detailsBtn,
summary > #toggle-acc-details > .detailsBtn,
summary > #toggle-card-details > .detailsBtn,
summary > #toggle-loan-details > .detailsBtn,
summary > #toggle-template-open > .detailsBtn,
summary > #toggle-payment-open > .detailsBtn,
time > #toggle-acc-details > .detailsBtn,
time > #toggle-card-details > .detailsBtn,
time > #toggle-loan-details > .detailsBtn,
time > #toggle-template-open > .detailsBtn,
time > #toggle-payment-open > .detailsBtn,
mark > #toggle-acc-details > .detailsBtn,
mark > #toggle-card-details > .detailsBtn,
mark > #toggle-loan-details > .detailsBtn,
mark > #toggle-template-open > .detailsBtn,
mark > #toggle-payment-open > .detailsBtn,
audio > #toggle-acc-details > .detailsBtn,
audio > #toggle-card-details > .detailsBtn,
audio > #toggle-loan-details > .detailsBtn,
audio > #toggle-template-open > .detailsBtn,
audio > #toggle-payment-open > .detailsBtn,
video > #toggle-acc-details > .detailsBtn,
video > #toggle-card-details > .detailsBtn,
video > #toggle-loan-details > .detailsBtn,
video > #toggle-template-open > .detailsBtn,
video > #toggle-payment-open > .detailsBtn {
  position: relative;
  pointer-events: none;
  user-select: none;
  font-family: "Sarabun-Bold", "sans-serif";
  font-size: 14px;
  line-height: 1;
  color: rgb(82, 174, 48);
}
html > #toggle-acc-details.recDialog, html > #toggle-card-details.recDialog, html > #toggle-loan-details.recDialog, html > #toggle-template-open.recDialog, html > #toggle-payment-open.recDialog,
body > #toggle-acc-details.recDialog,
body > #toggle-card-details.recDialog,
body > #toggle-loan-details.recDialog,
body > #toggle-template-open.recDialog,
body > #toggle-payment-open.recDialog,
div > #toggle-acc-details.recDialog,
div > #toggle-card-details.recDialog,
div > #toggle-loan-details.recDialog,
div > #toggle-template-open.recDialog,
div > #toggle-payment-open.recDialog,
span > #toggle-acc-details.recDialog,
span > #toggle-card-details.recDialog,
span > #toggle-loan-details.recDialog,
span > #toggle-template-open.recDialog,
span > #toggle-payment-open.recDialog,
applet > #toggle-acc-details.recDialog,
applet > #toggle-card-details.recDialog,
applet > #toggle-loan-details.recDialog,
applet > #toggle-template-open.recDialog,
applet > #toggle-payment-open.recDialog,
object > #toggle-acc-details.recDialog,
object > #toggle-card-details.recDialog,
object > #toggle-loan-details.recDialog,
object > #toggle-template-open.recDialog,
object > #toggle-payment-open.recDialog,
frame > #toggle-acc-details.recDialog,
frame > #toggle-card-details.recDialog,
frame > #toggle-loan-details.recDialog,
frame > #toggle-template-open.recDialog,
frame > #toggle-payment-open.recDialog,
h1 > #toggle-acc-details.recDialog,
h1 > #toggle-card-details.recDialog,
h1 > #toggle-loan-details.recDialog,
h1 > #toggle-template-open.recDialog,
h1 > #toggle-payment-open.recDialog,
h2 > #toggle-acc-details.recDialog,
h2 > #toggle-card-details.recDialog,
h2 > #toggle-loan-details.recDialog,
h2 > #toggle-template-open.recDialog,
h2 > #toggle-payment-open.recDialog,
h3 > #toggle-acc-details.recDialog,
h3 > #toggle-card-details.recDialog,
h3 > #toggle-loan-details.recDialog,
h3 > #toggle-template-open.recDialog,
h3 > #toggle-payment-open.recDialog,
h4 > #toggle-acc-details.recDialog,
h4 > #toggle-card-details.recDialog,
h4 > #toggle-loan-details.recDialog,
h4 > #toggle-template-open.recDialog,
h4 > #toggle-payment-open.recDialog,
h5 > #toggle-acc-details.recDialog,
h5 > #toggle-card-details.recDialog,
h5 > #toggle-loan-details.recDialog,
h5 > #toggle-template-open.recDialog,
h5 > #toggle-payment-open.recDialog,
h6 > #toggle-acc-details.recDialog,
h6 > #toggle-card-details.recDialog,
h6 > #toggle-loan-details.recDialog,
h6 > #toggle-template-open.recDialog,
h6 > #toggle-payment-open.recDialog,
p > #toggle-acc-details.recDialog,
p > #toggle-card-details.recDialog,
p > #toggle-loan-details.recDialog,
p > #toggle-template-open.recDialog,
p > #toggle-payment-open.recDialog,
blockquote > #toggle-acc-details.recDialog,
blockquote > #toggle-card-details.recDialog,
blockquote > #toggle-loan-details.recDialog,
blockquote > #toggle-template-open.recDialog,
blockquote > #toggle-payment-open.recDialog,
pre > #toggle-acc-details.recDialog,
pre > #toggle-card-details.recDialog,
pre > #toggle-loan-details.recDialog,
pre > #toggle-template-open.recDialog,
pre > #toggle-payment-open.recDialog,
a > #toggle-acc-details.recDialog,
a > #toggle-card-details.recDialog,
a > #toggle-loan-details.recDialog,
a > #toggle-template-open.recDialog,
a > #toggle-payment-open.recDialog,
abbr > #toggle-acc-details.recDialog,
abbr > #toggle-card-details.recDialog,
abbr > #toggle-loan-details.recDialog,
abbr > #toggle-template-open.recDialog,
abbr > #toggle-payment-open.recDialog,
acronym > #toggle-acc-details.recDialog,
acronym > #toggle-card-details.recDialog,
acronym > #toggle-loan-details.recDialog,
acronym > #toggle-template-open.recDialog,
acronym > #toggle-payment-open.recDialog,
address > #toggle-acc-details.recDialog,
address > #toggle-card-details.recDialog,
address > #toggle-loan-details.recDialog,
address > #toggle-template-open.recDialog,
address > #toggle-payment-open.recDialog,
big > #toggle-acc-details.recDialog,
big > #toggle-card-details.recDialog,
big > #toggle-loan-details.recDialog,
big > #toggle-template-open.recDialog,
big > #toggle-payment-open.recDialog,
cite > #toggle-acc-details.recDialog,
cite > #toggle-card-details.recDialog,
cite > #toggle-loan-details.recDialog,
cite > #toggle-template-open.recDialog,
cite > #toggle-payment-open.recDialog,
code > #toggle-acc-details.recDialog,
code > #toggle-card-details.recDialog,
code > #toggle-loan-details.recDialog,
code > #toggle-template-open.recDialog,
code > #toggle-payment-open.recDialog,
del > #toggle-acc-details.recDialog,
del > #toggle-card-details.recDialog,
del > #toggle-loan-details.recDialog,
del > #toggle-template-open.recDialog,
del > #toggle-payment-open.recDialog,
dfn > #toggle-acc-details.recDialog,
dfn > #toggle-card-details.recDialog,
dfn > #toggle-loan-details.recDialog,
dfn > #toggle-template-open.recDialog,
dfn > #toggle-payment-open.recDialog,
em > #toggle-acc-details.recDialog,
em > #toggle-card-details.recDialog,
em > #toggle-loan-details.recDialog,
em > #toggle-template-open.recDialog,
em > #toggle-payment-open.recDialog,
img > #toggle-acc-details.recDialog,
img > #toggle-card-details.recDialog,
img > #toggle-loan-details.recDialog,
img > #toggle-template-open.recDialog,
img > #toggle-payment-open.recDialog,
ins > #toggle-acc-details.recDialog,
ins > #toggle-card-details.recDialog,
ins > #toggle-loan-details.recDialog,
ins > #toggle-template-open.recDialog,
ins > #toggle-payment-open.recDialog,
kbd > #toggle-acc-details.recDialog,
kbd > #toggle-card-details.recDialog,
kbd > #toggle-loan-details.recDialog,
kbd > #toggle-template-open.recDialog,
kbd > #toggle-payment-open.recDialog,
q > #toggle-acc-details.recDialog,
q > #toggle-card-details.recDialog,
q > #toggle-loan-details.recDialog,
q > #toggle-template-open.recDialog,
q > #toggle-payment-open.recDialog,
s > #toggle-acc-details.recDialog,
s > #toggle-card-details.recDialog,
s > #toggle-loan-details.recDialog,
s > #toggle-template-open.recDialog,
s > #toggle-payment-open.recDialog,
samp > #toggle-acc-details.recDialog,
samp > #toggle-card-details.recDialog,
samp > #toggle-loan-details.recDialog,
samp > #toggle-template-open.recDialog,
samp > #toggle-payment-open.recDialog,
small > #toggle-acc-details.recDialog,
small > #toggle-card-details.recDialog,
small > #toggle-loan-details.recDialog,
small > #toggle-template-open.recDialog,
small > #toggle-payment-open.recDialog,
strike > #toggle-acc-details.recDialog,
strike > #toggle-card-details.recDialog,
strike > #toggle-loan-details.recDialog,
strike > #toggle-template-open.recDialog,
strike > #toggle-payment-open.recDialog,
strong > #toggle-acc-details.recDialog,
strong > #toggle-card-details.recDialog,
strong > #toggle-loan-details.recDialog,
strong > #toggle-template-open.recDialog,
strong > #toggle-payment-open.recDialog,
sub > #toggle-acc-details.recDialog,
sub > #toggle-card-details.recDialog,
sub > #toggle-loan-details.recDialog,
sub > #toggle-template-open.recDialog,
sub > #toggle-payment-open.recDialog,
sup > #toggle-acc-details.recDialog,
sup > #toggle-card-details.recDialog,
sup > #toggle-loan-details.recDialog,
sup > #toggle-template-open.recDialog,
sup > #toggle-payment-open.recDialog,
tt > #toggle-acc-details.recDialog,
tt > #toggle-card-details.recDialog,
tt > #toggle-loan-details.recDialog,
tt > #toggle-template-open.recDialog,
tt > #toggle-payment-open.recDialog,
var > #toggle-acc-details.recDialog,
var > #toggle-card-details.recDialog,
var > #toggle-loan-details.recDialog,
var > #toggle-template-open.recDialog,
var > #toggle-payment-open.recDialog,
b > #toggle-acc-details.recDialog,
b > #toggle-card-details.recDialog,
b > #toggle-loan-details.recDialog,
b > #toggle-template-open.recDialog,
b > #toggle-payment-open.recDialog,
u > #toggle-acc-details.recDialog,
u > #toggle-card-details.recDialog,
u > #toggle-loan-details.recDialog,
u > #toggle-template-open.recDialog,
u > #toggle-payment-open.recDialog,
i > #toggle-acc-details.recDialog,
i > #toggle-card-details.recDialog,
i > #toggle-loan-details.recDialog,
i > #toggle-template-open.recDialog,
i > #toggle-payment-open.recDialog,
center > #toggle-acc-details.recDialog,
center > #toggle-card-details.recDialog,
center > #toggle-loan-details.recDialog,
center > #toggle-template-open.recDialog,
center > #toggle-payment-open.recDialog,
dl > #toggle-acc-details.recDialog,
dl > #toggle-card-details.recDialog,
dl > #toggle-loan-details.recDialog,
dl > #toggle-template-open.recDialog,
dl > #toggle-payment-open.recDialog,
dt > #toggle-acc-details.recDialog,
dt > #toggle-card-details.recDialog,
dt > #toggle-loan-details.recDialog,
dt > #toggle-template-open.recDialog,
dt > #toggle-payment-open.recDialog,
dd > #toggle-acc-details.recDialog,
dd > #toggle-card-details.recDialog,
dd > #toggle-loan-details.recDialog,
dd > #toggle-template-open.recDialog,
dd > #toggle-payment-open.recDialog,
ol > #toggle-acc-details.recDialog,
ol > #toggle-card-details.recDialog,
ol > #toggle-loan-details.recDialog,
ol > #toggle-template-open.recDialog,
ol > #toggle-payment-open.recDialog,
ul > #toggle-acc-details.recDialog,
ul > #toggle-card-details.recDialog,
ul > #toggle-loan-details.recDialog,
ul > #toggle-template-open.recDialog,
ul > #toggle-payment-open.recDialog,
li > #toggle-acc-details.recDialog,
li > #toggle-card-details.recDialog,
li > #toggle-loan-details.recDialog,
li > #toggle-template-open.recDialog,
li > #toggle-payment-open.recDialog,
fieldset > #toggle-acc-details.recDialog,
fieldset > #toggle-card-details.recDialog,
fieldset > #toggle-loan-details.recDialog,
fieldset > #toggle-template-open.recDialog,
fieldset > #toggle-payment-open.recDialog,
form > #toggle-acc-details.recDialog,
form > #toggle-card-details.recDialog,
form > #toggle-loan-details.recDialog,
form > #toggle-template-open.recDialog,
form > #toggle-payment-open.recDialog,
label > #toggle-acc-details.recDialog,
label > #toggle-card-details.recDialog,
label > #toggle-loan-details.recDialog,
label > #toggle-template-open.recDialog,
label > #toggle-payment-open.recDialog,
legend > #toggle-acc-details.recDialog,
legend > #toggle-card-details.recDialog,
legend > #toggle-loan-details.recDialog,
legend > #toggle-template-open.recDialog,
legend > #toggle-payment-open.recDialog,
table > #toggle-acc-details.recDialog,
table > #toggle-card-details.recDialog,
table > #toggle-loan-details.recDialog,
table > #toggle-template-open.recDialog,
table > #toggle-payment-open.recDialog,
caption > #toggle-acc-details.recDialog,
caption > #toggle-card-details.recDialog,
caption > #toggle-loan-details.recDialog,
caption > #toggle-template-open.recDialog,
caption > #toggle-payment-open.recDialog,
tbody > #toggle-acc-details.recDialog,
tbody > #toggle-card-details.recDialog,
tbody > #toggle-loan-details.recDialog,
tbody > #toggle-template-open.recDialog,
tbody > #toggle-payment-open.recDialog,
tfoot > #toggle-acc-details.recDialog,
tfoot > #toggle-card-details.recDialog,
tfoot > #toggle-loan-details.recDialog,
tfoot > #toggle-template-open.recDialog,
tfoot > #toggle-payment-open.recDialog,
thead > #toggle-acc-details.recDialog,
thead > #toggle-card-details.recDialog,
thead > #toggle-loan-details.recDialog,
thead > #toggle-template-open.recDialog,
thead > #toggle-payment-open.recDialog,
tr > #toggle-acc-details.recDialog,
tr > #toggle-card-details.recDialog,
tr > #toggle-loan-details.recDialog,
tr > #toggle-template-open.recDialog,
tr > #toggle-payment-open.recDialog,
th > #toggle-acc-details.recDialog,
th > #toggle-card-details.recDialog,
th > #toggle-loan-details.recDialog,
th > #toggle-template-open.recDialog,
th > #toggle-payment-open.recDialog,
td > #toggle-acc-details.recDialog,
td > #toggle-card-details.recDialog,
td > #toggle-loan-details.recDialog,
td > #toggle-template-open.recDialog,
td > #toggle-payment-open.recDialog,
article > #toggle-acc-details.recDialog,
article > #toggle-card-details.recDialog,
article > #toggle-loan-details.recDialog,
article > #toggle-template-open.recDialog,
article > #toggle-payment-open.recDialog,
aside > #toggle-acc-details.recDialog,
aside > #toggle-card-details.recDialog,
aside > #toggle-loan-details.recDialog,
aside > #toggle-template-open.recDialog,
aside > #toggle-payment-open.recDialog,
canvas > #toggle-acc-details.recDialog,
canvas > #toggle-card-details.recDialog,
canvas > #toggle-loan-details.recDialog,
canvas > #toggle-template-open.recDialog,
canvas > #toggle-payment-open.recDialog,
details > #toggle-acc-details.recDialog,
details > #toggle-card-details.recDialog,
details > #toggle-loan-details.recDialog,
details > #toggle-template-open.recDialog,
details > #toggle-payment-open.recDialog,
embed > #toggle-acc-details.recDialog,
embed > #toggle-card-details.recDialog,
embed > #toggle-loan-details.recDialog,
embed > #toggle-template-open.recDialog,
embed > #toggle-payment-open.recDialog,
figure > #toggle-acc-details.recDialog,
figure > #toggle-card-details.recDialog,
figure > #toggle-loan-details.recDialog,
figure > #toggle-template-open.recDialog,
figure > #toggle-payment-open.recDialog,
figcaption > #toggle-acc-details.recDialog,
figcaption > #toggle-card-details.recDialog,
figcaption > #toggle-loan-details.recDialog,
figcaption > #toggle-template-open.recDialog,
figcaption > #toggle-payment-open.recDialog,
ooter > #toggle-acc-details.recDialog,
ooter > #toggle-card-details.recDialog,
ooter > #toggle-loan-details.recDialog,
ooter > #toggle-template-open.recDialog,
ooter > #toggle-payment-open.recDialog, header > #toggle-acc-details.recDialog, header > #toggle-card-details.recDialog, header > #toggle-loan-details.recDialog, header > #toggle-template-open.recDialog, header > #toggle-payment-open.recDialog,
hgroup > #toggle-acc-details.recDialog,
hgroup > #toggle-card-details.recDialog,
hgroup > #toggle-loan-details.recDialog,
hgroup > #toggle-template-open.recDialog,
hgroup > #toggle-payment-open.recDialog,
menu > #toggle-acc-details.recDialog,
menu > #toggle-card-details.recDialog,
menu > #toggle-loan-details.recDialog,
menu > #toggle-template-open.recDialog,
menu > #toggle-payment-open.recDialog,
nav > #toggle-acc-details.recDialog,
nav > #toggle-card-details.recDialog,
nav > #toggle-loan-details.recDialog,
nav > #toggle-template-open.recDialog,
nav > #toggle-payment-open.recDialog,
output > #toggle-acc-details.recDialog,
output > #toggle-card-details.recDialog,
output > #toggle-loan-details.recDialog,
output > #toggle-template-open.recDialog,
output > #toggle-payment-open.recDialog,
ruby > #toggle-acc-details.recDialog,
ruby > #toggle-card-details.recDialog,
ruby > #toggle-loan-details.recDialog,
ruby > #toggle-template-open.recDialog,
ruby > #toggle-payment-open.recDialog,
section > #toggle-acc-details.recDialog,
section > #toggle-card-details.recDialog,
section > #toggle-loan-details.recDialog,
section > #toggle-template-open.recDialog,
section > #toggle-payment-open.recDialog,
summary > #toggle-acc-details.recDialog,
summary > #toggle-card-details.recDialog,
summary > #toggle-loan-details.recDialog,
summary > #toggle-template-open.recDialog,
summary > #toggle-payment-open.recDialog,
time > #toggle-acc-details.recDialog,
time > #toggle-card-details.recDialog,
time > #toggle-loan-details.recDialog,
time > #toggle-template-open.recDialog,
time > #toggle-payment-open.recDialog,
mark > #toggle-acc-details.recDialog,
mark > #toggle-card-details.recDialog,
mark > #toggle-loan-details.recDialog,
mark > #toggle-template-open.recDialog,
mark > #toggle-payment-open.recDialog,
audio > #toggle-acc-details.recDialog,
audio > #toggle-card-details.recDialog,
audio > #toggle-loan-details.recDialog,
audio > #toggle-template-open.recDialog,
audio > #toggle-payment-open.recDialog,
video > #toggle-acc-details.recDialog,
video > #toggle-card-details.recDialog,
video > #toggle-loan-details.recDialog,
video > #toggle-template-open.recDialog,
video > #toggle-payment-open.recDialog {
  width: 362px;
}
html > .show-more-btn,
body > .show-more-btn,
div > .show-more-btn,
span > .show-more-btn,
applet > .show-more-btn,
object > .show-more-btn,
frame > .show-more-btn,
h1 > .show-more-btn,
h2 > .show-more-btn,
h3 > .show-more-btn,
h4 > .show-more-btn,
h5 > .show-more-btn,
h6 > .show-more-btn,
p > .show-more-btn,
blockquote > .show-more-btn,
pre > .show-more-btn,
a > .show-more-btn,
abbr > .show-more-btn,
acronym > .show-more-btn,
address > .show-more-btn,
big > .show-more-btn,
cite > .show-more-btn,
code > .show-more-btn,
del > .show-more-btn,
dfn > .show-more-btn,
em > .show-more-btn,
img > .show-more-btn,
ins > .show-more-btn,
kbd > .show-more-btn,
q > .show-more-btn,
s > .show-more-btn,
samp > .show-more-btn,
small > .show-more-btn,
strike > .show-more-btn,
strong > .show-more-btn,
sub > .show-more-btn,
sup > .show-more-btn,
tt > .show-more-btn,
var > .show-more-btn,
b > .show-more-btn,
u > .show-more-btn,
i > .show-more-btn,
center > .show-more-btn,
dl > .show-more-btn,
dt > .show-more-btn,
dd > .show-more-btn,
ol > .show-more-btn,
ul > .show-more-btn,
li > .show-more-btn,
fieldset > .show-more-btn,
form > .show-more-btn,
label > .show-more-btn,
legend > .show-more-btn,
table > .show-more-btn,
caption > .show-more-btn,
tbody > .show-more-btn,
tfoot > .show-more-btn,
thead > .show-more-btn,
tr > .show-more-btn,
th > .show-more-btn,
td > .show-more-btn,
article > .show-more-btn,
aside > .show-more-btn,
canvas > .show-more-btn,
details > .show-more-btn,
embed > .show-more-btn,
figure > .show-more-btn,
figcaption > .show-more-btn,
ooter > .show-more-btn, header > .show-more-btn,
hgroup > .show-more-btn,
menu > .show-more-btn,
nav > .show-more-btn,
output > .show-more-btn,
ruby > .show-more-btn,
section > .show-more-btn,
summary > .show-more-btn,
time > .show-more-btn,
mark > .show-more-btn,
audio > .show-more-btn,
video > .show-more-btn {
  width: 100%;
  text-align: center;
  padding: 18px;
  cursor: pointer;
  background: radial-gradient(circle, hsla(0, 0%, 100%, 0.6) 50%, hsla(0, 0%, 100%, 0) 100%);
}
html > .show-more-btn > .detailsBtn,
body > .show-more-btn > .detailsBtn,
div > .show-more-btn > .detailsBtn,
span > .show-more-btn > .detailsBtn,
applet > .show-more-btn > .detailsBtn,
object > .show-more-btn > .detailsBtn,
frame > .show-more-btn > .detailsBtn,
h1 > .show-more-btn > .detailsBtn,
h2 > .show-more-btn > .detailsBtn,
h3 > .show-more-btn > .detailsBtn,
h4 > .show-more-btn > .detailsBtn,
h5 > .show-more-btn > .detailsBtn,
h6 > .show-more-btn > .detailsBtn,
p > .show-more-btn > .detailsBtn,
blockquote > .show-more-btn > .detailsBtn,
pre > .show-more-btn > .detailsBtn,
a > .show-more-btn > .detailsBtn,
abbr > .show-more-btn > .detailsBtn,
acronym > .show-more-btn > .detailsBtn,
address > .show-more-btn > .detailsBtn,
big > .show-more-btn > .detailsBtn,
cite > .show-more-btn > .detailsBtn,
code > .show-more-btn > .detailsBtn,
del > .show-more-btn > .detailsBtn,
dfn > .show-more-btn > .detailsBtn,
em > .show-more-btn > .detailsBtn,
img > .show-more-btn > .detailsBtn,
ins > .show-more-btn > .detailsBtn,
kbd > .show-more-btn > .detailsBtn,
q > .show-more-btn > .detailsBtn,
s > .show-more-btn > .detailsBtn,
samp > .show-more-btn > .detailsBtn,
small > .show-more-btn > .detailsBtn,
strike > .show-more-btn > .detailsBtn,
strong > .show-more-btn > .detailsBtn,
sub > .show-more-btn > .detailsBtn,
sup > .show-more-btn > .detailsBtn,
tt > .show-more-btn > .detailsBtn,
var > .show-more-btn > .detailsBtn,
b > .show-more-btn > .detailsBtn,
u > .show-more-btn > .detailsBtn,
i > .show-more-btn > .detailsBtn,
center > .show-more-btn > .detailsBtn,
dl > .show-more-btn > .detailsBtn,
dt > .show-more-btn > .detailsBtn,
dd > .show-more-btn > .detailsBtn,
ol > .show-more-btn > .detailsBtn,
ul > .show-more-btn > .detailsBtn,
li > .show-more-btn > .detailsBtn,
fieldset > .show-more-btn > .detailsBtn,
form > .show-more-btn > .detailsBtn,
label > .show-more-btn > .detailsBtn,
legend > .show-more-btn > .detailsBtn,
table > .show-more-btn > .detailsBtn,
caption > .show-more-btn > .detailsBtn,
tbody > .show-more-btn > .detailsBtn,
tfoot > .show-more-btn > .detailsBtn,
thead > .show-more-btn > .detailsBtn,
tr > .show-more-btn > .detailsBtn,
th > .show-more-btn > .detailsBtn,
td > .show-more-btn > .detailsBtn,
article > .show-more-btn > .detailsBtn,
aside > .show-more-btn > .detailsBtn,
canvas > .show-more-btn > .detailsBtn,
details > .show-more-btn > .detailsBtn,
embed > .show-more-btn > .detailsBtn,
figure > .show-more-btn > .detailsBtn,
figcaption > .show-more-btn > .detailsBtn,
ooter > .show-more-btn > .detailsBtn, header > .show-more-btn > .detailsBtn,
hgroup > .show-more-btn > .detailsBtn,
menu > .show-more-btn > .detailsBtn,
nav > .show-more-btn > .detailsBtn,
output > .show-more-btn > .detailsBtn,
ruby > .show-more-btn > .detailsBtn,
section > .show-more-btn > .detailsBtn,
summary > .show-more-btn > .detailsBtn,
time > .show-more-btn > .detailsBtn,
mark > .show-more-btn > .detailsBtn,
audio > .show-more-btn > .detailsBtn,
video > .show-more-btn > .detailsBtn {
  position: relative;
  pointer-events: none;
  user-select: none;
  font-family: "Sarabun-Bold", "sans-serif";
  font-size: 14px;
  padding: 0 30px;
  line-height: 1;
  padding: 0 30px;
  color: rgb(82, 174, 48);
}
html > .show-more-btn > .detailsBtn:before,
body > .show-more-btn > .detailsBtn:before,
div > .show-more-btn > .detailsBtn:before,
span > .show-more-btn > .detailsBtn:before,
applet > .show-more-btn > .detailsBtn:before,
object > .show-more-btn > .detailsBtn:before,
frame > .show-more-btn > .detailsBtn:before,
h1 > .show-more-btn > .detailsBtn:before,
h2 > .show-more-btn > .detailsBtn:before,
h3 > .show-more-btn > .detailsBtn:before,
h4 > .show-more-btn > .detailsBtn:before,
h5 > .show-more-btn > .detailsBtn:before,
h6 > .show-more-btn > .detailsBtn:before,
p > .show-more-btn > .detailsBtn:before,
blockquote > .show-more-btn > .detailsBtn:before,
pre > .show-more-btn > .detailsBtn:before,
a > .show-more-btn > .detailsBtn:before,
abbr > .show-more-btn > .detailsBtn:before,
acronym > .show-more-btn > .detailsBtn:before,
address > .show-more-btn > .detailsBtn:before,
big > .show-more-btn > .detailsBtn:before,
cite > .show-more-btn > .detailsBtn:before,
code > .show-more-btn > .detailsBtn:before,
del > .show-more-btn > .detailsBtn:before,
dfn > .show-more-btn > .detailsBtn:before,
em > .show-more-btn > .detailsBtn:before,
img > .show-more-btn > .detailsBtn:before,
ins > .show-more-btn > .detailsBtn:before,
kbd > .show-more-btn > .detailsBtn:before,
q > .show-more-btn > .detailsBtn:before,
s > .show-more-btn > .detailsBtn:before,
samp > .show-more-btn > .detailsBtn:before,
small > .show-more-btn > .detailsBtn:before,
strike > .show-more-btn > .detailsBtn:before,
strong > .show-more-btn > .detailsBtn:before,
sub > .show-more-btn > .detailsBtn:before,
sup > .show-more-btn > .detailsBtn:before,
tt > .show-more-btn > .detailsBtn:before,
var > .show-more-btn > .detailsBtn:before,
b > .show-more-btn > .detailsBtn:before,
u > .show-more-btn > .detailsBtn:before,
i > .show-more-btn > .detailsBtn:before,
center > .show-more-btn > .detailsBtn:before,
dl > .show-more-btn > .detailsBtn:before,
dt > .show-more-btn > .detailsBtn:before,
dd > .show-more-btn > .detailsBtn:before,
ol > .show-more-btn > .detailsBtn:before,
ul > .show-more-btn > .detailsBtn:before,
li > .show-more-btn > .detailsBtn:before,
fieldset > .show-more-btn > .detailsBtn:before,
form > .show-more-btn > .detailsBtn:before,
label > .show-more-btn > .detailsBtn:before,
legend > .show-more-btn > .detailsBtn:before,
table > .show-more-btn > .detailsBtn:before,
caption > .show-more-btn > .detailsBtn:before,
tbody > .show-more-btn > .detailsBtn:before,
tfoot > .show-more-btn > .detailsBtn:before,
thead > .show-more-btn > .detailsBtn:before,
tr > .show-more-btn > .detailsBtn:before,
th > .show-more-btn > .detailsBtn:before,
td > .show-more-btn > .detailsBtn:before,
article > .show-more-btn > .detailsBtn:before,
aside > .show-more-btn > .detailsBtn:before,
canvas > .show-more-btn > .detailsBtn:before,
details > .show-more-btn > .detailsBtn:before,
embed > .show-more-btn > .detailsBtn:before,
figure > .show-more-btn > .detailsBtn:before,
figcaption > .show-more-btn > .detailsBtn:before,
ooter > .show-more-btn > .detailsBtn:before, header > .show-more-btn > .detailsBtn:before,
hgroup > .show-more-btn > .detailsBtn:before,
menu > .show-more-btn > .detailsBtn:before,
nav > .show-more-btn > .detailsBtn:before,
output > .show-more-btn > .detailsBtn:before,
ruby > .show-more-btn > .detailsBtn:before,
section > .show-more-btn > .detailsBtn:before,
summary > .show-more-btn > .detailsBtn:before,
time > .show-more-btn > .detailsBtn:before,
mark > .show-more-btn > .detailsBtn:before,
audio > .show-more-btn > .detailsBtn:before,
video > .show-more-btn > .detailsBtn:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: -2px;
  left: 5px;
  transform: scale(0.7);
}
html > .show-more-btn > .more-details:before,
body > .show-more-btn > .more-details:before,
div > .show-more-btn > .more-details:before,
span > .show-more-btn > .more-details:before,
applet > .show-more-btn > .more-details:before,
object > .show-more-btn > .more-details:before,
frame > .show-more-btn > .more-details:before,
h1 > .show-more-btn > .more-details:before,
h2 > .show-more-btn > .more-details:before,
h3 > .show-more-btn > .more-details:before,
h4 > .show-more-btn > .more-details:before,
h5 > .show-more-btn > .more-details:before,
h6 > .show-more-btn > .more-details:before,
p > .show-more-btn > .more-details:before,
blockquote > .show-more-btn > .more-details:before,
pre > .show-more-btn > .more-details:before,
a > .show-more-btn > .more-details:before,
abbr > .show-more-btn > .more-details:before,
acronym > .show-more-btn > .more-details:before,
address > .show-more-btn > .more-details:before,
big > .show-more-btn > .more-details:before,
cite > .show-more-btn > .more-details:before,
code > .show-more-btn > .more-details:before,
del > .show-more-btn > .more-details:before,
dfn > .show-more-btn > .more-details:before,
em > .show-more-btn > .more-details:before,
img > .show-more-btn > .more-details:before,
ins > .show-more-btn > .more-details:before,
kbd > .show-more-btn > .more-details:before,
q > .show-more-btn > .more-details:before,
s > .show-more-btn > .more-details:before,
samp > .show-more-btn > .more-details:before,
small > .show-more-btn > .more-details:before,
strike > .show-more-btn > .more-details:before,
strong > .show-more-btn > .more-details:before,
sub > .show-more-btn > .more-details:before,
sup > .show-more-btn > .more-details:before,
tt > .show-more-btn > .more-details:before,
var > .show-more-btn > .more-details:before,
b > .show-more-btn > .more-details:before,
u > .show-more-btn > .more-details:before,
i > .show-more-btn > .more-details:before,
center > .show-more-btn > .more-details:before,
dl > .show-more-btn > .more-details:before,
dt > .show-more-btn > .more-details:before,
dd > .show-more-btn > .more-details:before,
ol > .show-more-btn > .more-details:before,
ul > .show-more-btn > .more-details:before,
li > .show-more-btn > .more-details:before,
fieldset > .show-more-btn > .more-details:before,
form > .show-more-btn > .more-details:before,
label > .show-more-btn > .more-details:before,
legend > .show-more-btn > .more-details:before,
table > .show-more-btn > .more-details:before,
caption > .show-more-btn > .more-details:before,
tbody > .show-more-btn > .more-details:before,
tfoot > .show-more-btn > .more-details:before,
thead > .show-more-btn > .more-details:before,
tr > .show-more-btn > .more-details:before,
th > .show-more-btn > .more-details:before,
td > .show-more-btn > .more-details:before,
article > .show-more-btn > .more-details:before,
aside > .show-more-btn > .more-details:before,
canvas > .show-more-btn > .more-details:before,
details > .show-more-btn > .more-details:before,
embed > .show-more-btn > .more-details:before,
figure > .show-more-btn > .more-details:before,
figcaption > .show-more-btn > .more-details:before,
ooter > .show-more-btn > .more-details:before, header > .show-more-btn > .more-details:before,
hgroup > .show-more-btn > .more-details:before,
menu > .show-more-btn > .more-details:before,
nav > .show-more-btn > .more-details:before,
output > .show-more-btn > .more-details:before,
ruby > .show-more-btn > .more-details:before,
section > .show-more-btn > .more-details:before,
summary > .show-more-btn > .more-details:before,
time > .show-more-btn > .more-details:before,
mark > .show-more-btn > .more-details:before,
audio > .show-more-btn > .more-details:before,
video > .show-more-btn > .more-details:before {
  background-image: url("images/icons/more-details.png");
}
html > .show-more-btn > .less-details:before,
body > .show-more-btn > .less-details:before,
div > .show-more-btn > .less-details:before,
span > .show-more-btn > .less-details:before,
applet > .show-more-btn > .less-details:before,
object > .show-more-btn > .less-details:before,
frame > .show-more-btn > .less-details:before,
h1 > .show-more-btn > .less-details:before,
h2 > .show-more-btn > .less-details:before,
h3 > .show-more-btn > .less-details:before,
h4 > .show-more-btn > .less-details:before,
h5 > .show-more-btn > .less-details:before,
h6 > .show-more-btn > .less-details:before,
p > .show-more-btn > .less-details:before,
blockquote > .show-more-btn > .less-details:before,
pre > .show-more-btn > .less-details:before,
a > .show-more-btn > .less-details:before,
abbr > .show-more-btn > .less-details:before,
acronym > .show-more-btn > .less-details:before,
address > .show-more-btn > .less-details:before,
big > .show-more-btn > .less-details:before,
cite > .show-more-btn > .less-details:before,
code > .show-more-btn > .less-details:before,
del > .show-more-btn > .less-details:before,
dfn > .show-more-btn > .less-details:before,
em > .show-more-btn > .less-details:before,
img > .show-more-btn > .less-details:before,
ins > .show-more-btn > .less-details:before,
kbd > .show-more-btn > .less-details:before,
q > .show-more-btn > .less-details:before,
s > .show-more-btn > .less-details:before,
samp > .show-more-btn > .less-details:before,
small > .show-more-btn > .less-details:before,
strike > .show-more-btn > .less-details:before,
strong > .show-more-btn > .less-details:before,
sub > .show-more-btn > .less-details:before,
sup > .show-more-btn > .less-details:before,
tt > .show-more-btn > .less-details:before,
var > .show-more-btn > .less-details:before,
b > .show-more-btn > .less-details:before,
u > .show-more-btn > .less-details:before,
i > .show-more-btn > .less-details:before,
center > .show-more-btn > .less-details:before,
dl > .show-more-btn > .less-details:before,
dt > .show-more-btn > .less-details:before,
dd > .show-more-btn > .less-details:before,
ol > .show-more-btn > .less-details:before,
ul > .show-more-btn > .less-details:before,
li > .show-more-btn > .less-details:before,
fieldset > .show-more-btn > .less-details:before,
form > .show-more-btn > .less-details:before,
label > .show-more-btn > .less-details:before,
legend > .show-more-btn > .less-details:before,
table > .show-more-btn > .less-details:before,
caption > .show-more-btn > .less-details:before,
tbody > .show-more-btn > .less-details:before,
tfoot > .show-more-btn > .less-details:before,
thead > .show-more-btn > .less-details:before,
tr > .show-more-btn > .less-details:before,
th > .show-more-btn > .less-details:before,
td > .show-more-btn > .less-details:before,
article > .show-more-btn > .less-details:before,
aside > .show-more-btn > .less-details:before,
canvas > .show-more-btn > .less-details:before,
details > .show-more-btn > .less-details:before,
embed > .show-more-btn > .less-details:before,
figure > .show-more-btn > .less-details:before,
figcaption > .show-more-btn > .less-details:before,
ooter > .show-more-btn > .less-details:before, header > .show-more-btn > .less-details:before,
hgroup > .show-more-btn > .less-details:before,
menu > .show-more-btn > .less-details:before,
nav > .show-more-btn > .less-details:before,
output > .show-more-btn > .less-details:before,
ruby > .show-more-btn > .less-details:before,
section > .show-more-btn > .less-details:before,
summary > .show-more-btn > .less-details:before,
time > .show-more-btn > .less-details:before,
mark > .show-more-btn > .less-details:before,
audio > .show-more-btn > .less-details:before,
video > .show-more-btn > .less-details:before {
  background-image: url("images/icons/less-details.png");
}

.bottom-box-shadow {
  height: 129px;
  background: transparent;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: -1;
  margin: 0;
  padding: 0;
  box-shadow: 0 17px 17px -5px rgba(0, 0, 0, 0.08);
  z-index: 1;
  pointer-events: none;
  display: none;
}
.bottom-box-shadow.open {
  display: block;
}

.popup-wrapper {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  overflow: hidden;
  height: 330px;
  transition: height 1s ease;
}
.popup-wrapper.acc {
  height: 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;
}

/* 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: rgba(0, 0, 0, 0.87);
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0;
  overflow: hidden !important;
  background-color: #EFEFEF;
}

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

.alignleft {
  float: left;
}
.aligncenter {
  margin: 0 auto;
}
.alignleft {
  float: left;
}

.languagesContainer {
  width: 90px;
  position: absolute;
  top: 52px;
  right: 195px;
  border-radius: 25px;
  border: none;
  overflow: hidden;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.0018);
  z-index: 11;
  opacity: 0;
}
.languagesContainer.menu-more-options {
  right: 250px;
}

body.LanguageLogout .languagesContainer {
  top: 40px;
  left: 40px;
}
@media (max-width: 1200px) {
  body.LanguageLogout .languagesContainer {
    top: 685px;
  }
}
@media (max-width: 650px) {
  body.LanguageLogout .languagesContainer {
    top: 854px;
  }
}

body.languageVisible .languagesContainer {
  opacity: 1;
}

.languages-wrapper {
  display: none;
  justify-content: column;
  z-index: 21;
  user-select: none;
}
.languages-wrapper.open {
  display: block;
}
.languages-wrapper > ul.languageSelector {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: fit-content;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 14px;
  line-height: 1.143;
  color: rgba(0, 0, 0, 0.87);
  transition: all 0.2s ease;
  background: #fff;
  outline: none;
  position: relative;
  cursor: pointer;
}
.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 {
  display: none;
}
.languages-wrapper > ul.languageSelector > li[data-culture=en-US] > .lang-flag {
  background-image: url("images/lang-icons/en-US.png");
}
.languages-wrapper > ul.languageSelector > li[data-culture=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: 90px;
  cursor: pointer;
  color: #333;
  zoom: 1;
}
.languages-wrapper > ul.languageSelector > .portal-language:hover {
  background-color: #f5f5f5;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.languages-wrapper > ul.languageSelector > .portal-language > .lang-flag {
  width: 16px;
  height: 16px;
  background-size: cover;
}
.languages-wrapper > ul.languageSelector > .portal-language .title {
  text-transform: uppercase;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  border-bottom: 1px solid transparent;
  margin-left: 0.3rem;
  transition: filter 0.2s ease;
}
.languages-wrapper > ul.languageSelector > .active {
  font-weight: bold;
}

/*==============================================*/
.active-lang {
  display: flex;
  align-items: center;
  width: 75px;
  height: fit-content;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 14px;
  line-height: 1.143;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid #dfe7ef;
  padding: 5px 11px 5px 7px;
  background: #fff;
  outline: none;
  position: relative;
  cursor: pointer;
  z-index: 21;
  border: 0;
  /*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-bottom: 2px solid #52AE30;
}
.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/en-US.png");
}
.active-lang > ul > li[data-culture=sr-Latn-CS] > .lang-flag {
  background-image: url("images/lang-icons/sr-Latn-CS.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 {
  text-transform: uppercase;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  margin-left: 0.3rem;
  /*transition: all .2s ease;*/
  user-select: none;
}
.active-lang > .arrows {
  width: 17px;
  height: 28px;
  position: absolute;
  right: 15px;
  transform: scale(0.5);
  background-image: url("images/lang-icons/lang-arrows.png");
}

/*=========================================================*/
.languageSelectorContainer {
  display: none;
}

.active {
  display: block;
}

.hidden {
  display: none;
}

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

.ui-widget-overlay {
  background-color: #000000 !important;
  opacity: 0.6 !important;
  z-index: 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-semibold", sans-serif;
}

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

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

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

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

h6 {
  font: 400 14px/1.2 "Source-Sans-Pro-semibold", sans-serif;
}

a {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

sup {
  vertical-align: text-top;
}

sub,
sup {
  font-size: 75%;
}

sub {
  vertical-align: bottom;
}

blockquote {
  font-style: italic;
}

.user-content ul {
  list-style: disc;
  margin-left: 24px;
}
.user-content ul ul {
  margin-left: 20px;
  margin-bottom: 0;
}
.user-content ul li {
  margin-bottom: 0;
}
.user-content ol {
  margin-left: 24px;
  list-style: decimal;
}
.user-content ol ol {
  list-style: lower-latin;
  margin-bottom: 0;
}
.user-content li li {
  font-size: 1em;
}

.view ol ol {
  margin-bottom: 0;
}

/*#endregion general*/
/*#region inputs*/
input:focus {
  outline: none;
}

.input-wrap {
  border-radius: 25px;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  background: #FFFFFF;
  position: relative;
}
.input-wrap.input-icon {
  padding-left: 32px;
  background-position: 10px 15px;
  background-repeat: no-repeat;
}
.input-wrap-focus {
  border: solid 1px #494f5a !important;
}
.input-wrap.type-2 {
  padding: 14px 15px 12px 15px;
}
.input-wrap.type-2.input-wrap-payment {
  width: calc(100% - 70px);
}
.input-wrap.type-3 {
  padding: 18px 15px 20px 15px;
}
.input-wrap.type-3.input-wrap-payment {
  width: calc(100% - 70px);
}
.input-wrap.input-check .input-1 {
  padding-right: 15px;
}
.input-wrap.select-1, .input-wrap.combo-wrap {
  padding: 0;
  position: relative;
}
.input-wrap .progress-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
}
.input-wrap .custom-autocomplete-dropdown {
  position: absolute;
  z-index: 50;
  left: -1px;
  top: 100%;
  /*Bojana*/
  width: 100%;
  /*Old:
      width: calc(100% + 2px);
  */
}
.input-wrap .input-button {
  position: absolute;
  top: 0;
  right: 0;
}

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

.input-1, .input-change-name {
  width: 100%;
  height: 50px;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  padding: 12px 20px;
  background: #FFFFFF;
  border-radius: 25px;
  border: 1px solid #dcdcdc;
  margin: 0;
  -webkit-appearance: none;
  transition: all 0.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: #52AE30 !important;
}
.input-2 {
  font-family: "futura", sans-serif;
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 10px 16px;
  text-align: right;
  border: 1px solid #d1d1d1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 32px;
}
.input.bold {
  font-weight: 700;
}
.input.text-size-2 {
  font-size: 18px;
}

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

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

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

.progress-wrapper {
  position: relative;
  width: 100%;
  min-height: 10px;
  background-color: #d1d1d1;
  overflow: hidden;
}
.progress-bar {
  position: absolute;
  height: 100%;
  background-color: #9CCC66;
  left: 0;
  top: 0;
}
.progress-bar.overFunds {
  background-color: #FF0000;
}
.progress-input {
  zoom: 1;
  margin-bottom: 40px;
}
.progress-input:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}

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

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

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

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

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

.radio-list:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.radio-list li {
  zoom: 1;
  margin-bottom: 20px;
}
.radio-list .radio-1 {
  float: left;
}
.radio-list .checkbox-label {
  float: left;
  line-height: 18px;
  width: calc(100% - 26px);
  text-transform: uppercase;
}

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

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

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

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

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

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

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

.s-widget .custom-form {
  padding-top: 50px;
}
.s-widget .widget-links {
  margin-bottom: 50px;
}
.s-widget.FXTrading .inner {
  padding: 0 100px;
}
.s-widget .inner.type-2 {
  padding: 0 50px;
}

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

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

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

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

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

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

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

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

.text-cl-1 {
  color: #000000;
}
.text-cl-2 {
  color: #333333;
}
.text-cl-3 {
  color: #7b7b7b;
}

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

.custom-autocomplete-dropdown .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
  background-color: transparent;
}
.custom-autocomplete-dropdown .mCSB_inside > .mCSB_container {
  margin-right: 0px !important;
}
.custom-autocomplete-dropdown .mCSB_scrollTools {
  width: 5px;
}
.custom-autocomplete-dropdown .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 0;
}

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

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
  -moz-appearance: textfield;
}

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

.texarea-1 {
  border: none;
  -webkit-appearance: none;
  width: 100%;
  resize: none;
  font-family: "futura", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #000000;
}
.texarea-1:focus {
  outline: none;
}

/*#endregion inputs*/
/*#region select*/
.select-wrap {
  padding-left: 0;
  padding-right: 0;
}
.select-1:focus {
  outline: none;
}
.select-3 {
  margin-bottom: 15px;
  display: inline-block;
  min-width: 130px;
}
.select-3:before {
  content: "";
  width: 0;
  height: 0;
  border: 0;
  background: none;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  top: 23px;
  right: 15px;
}
.select-3 select {
  background-color: #FFFFFF;
  font-family: "futura", sans-serif;
  font-size: 16px;
  display: block;
  width: calc(100% - 50px);
  padding: 14px 35px;
  line-height: 24px;
  padding-left: 0px;
  float: right;
  direction: rtl;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.select-4:before {
  content: "";
  width: 0;
  height: 0;
  border: 0;
  background: none;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  top: 21px;
  right: 15px;
}
.select-4 select {
  background-color: #FFFFFF;
  font-family: "futura", sans-serif;
  max-width: 100%;
  font-size: 16px;
  display: block;
  padding: 14px 5px;
  padding-right: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

/*#endregion select*/
/*#region Objects*/
.z-10 {
  position: relative;
  z-index: 10;
}
.z-20 {
  position: relative;
  z-index: 20;
}
.z-30 {
  position: relative;
  z-index: 30;
}
.z-40 {
  position: relative;
  z-index: 40;
}
.z-50 {
  position: relative;
  z-index: 50;
}

.inner-margin-1 {
  margin-bottom: 10px;
}
.inner-margin-2 {
  margin-bottom: 20px;
}
.inner-margin-3 {
  margin-bottom: 30px;
}
.inner-margin-4 {
  margin-bottom: 40px;
}
.inner-margin-5 {
  margin-bottom: 50px;
}
.inner-margin-6 {
  margin-bottom: 60px;
}
.inner-margin-7 {
  margin-bottom: 70px;
}
.inner-margin-right-small {
  margin-right: 30px;
}
.inner-margin-medium {
  margin-bottom: 100px !important;
}
.inner-padding-1 {
  padding-top: 10px;
}
.inner-padding-2 {
  padding-top: 20px;
}
.inner-padding-3 {
  padding-top: 30px;
}
.inner-padding-4 {
  padding-top: 40px;
}
.inner-padding-5 {
  padding-top: 50px;
}
.inner-padding-7 {
  padding-top: 70px;
}
.inner-padding-medium {
  padding-top: 100px !important;
}
.inner-padding-bottom {
  padding-bottom: 100px;
}

#icon-container {
  display: none;
}

/*#endregion Objects*/
/*#region buttons*/
button {
  font-family: "futura", sans-serif;
}
button:focus {
  outline: none;
}

.btn-1 {
  display: inline-block;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  font-size: 15px;
  text-align: center;
  border: none;
  padding: 15px 17px;
  border-radius: 25px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-appearance: none;
  width: 100%;
}
.btn-1:hover {
  background-color: #0095c9;
  color: #FFFFFF;
}
.btn-1.type-2 {
  display: inline-block;
  width: auto;
}
.btn-1 .arr-left, .btn-1 .arr-right {
  display: inline-block;
  width: 7px;
  height: 10px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 7px;
}
.btn-1 .arr-left {
  background-image: url(images/icons/arrow-b-left.png);
  margin-right: 6px;
}
.btn-1 .arr-right {
  background-image: url(images/icons/arrow-b-right.png);
  margin-left: 6px;
}
.btn-1.small-btn {
  padding: 10px 15px;
}
.btn-1.color-1 {
  color: #FFFFFF;
  background: #52AE30;
}
.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: #52AE30;
  transition: all 0.5s;
}
.btn-1.color-6:hover {
  background-color: #2A7F00;
  transition: all 0.5s;
}
.btn-1.color-6:hover .arr-right {
  background-image: url(images/icons/arrow-y-right.png);
}
.btn-1.color-7 {
  background-color: #000000;
  color: #FFF200;
}
.btn-1.color-7:hover {
  background-color: #393939;
  color: #FFF200;
}
.btn-1.color-8 {
  background-color: transparent;
  color: #0095c9;
  font-weight: normal;
}
.btn-1.color-8:hover {
  background-color: #fff64d;
  color: #000000;
}

.button-3 {
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #0095c9 !important;
  border: 1px solid #d1d1d1;
  padding: 17px 25px;
  padding-left: 60px;
  background-position: 20px center;
  background-repeat: no-repeat;
  text-align: center;
  cursor: pointer;
}
.button-3:hover {
  background-color: rgba 82, 174, 48, 0.5;
}
.button-3.type-2 {
  padding-left: 25px;
  max-width: 345px;
  width: 100%;
}

/*#endregion buttons*/
/*#region labels*/
.label-1 {
  display: block;
  font-weight: 600;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
  padding: 0 16px;
  margin-bottom: 7px;
}

/*#endregion labels*/
/*#region icons*/
.s-icon {
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #CFD0D2;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  box-sizing: border-box;
  left: -2px;
}
.s-icon:hover {
  border-color: #494f5a;
}
.s-icon.s-icon-filter {
  background-image: url(images/icons/filter-1.png);
}
.s-icon.s-icon-filter:hover {
  background-image: url(images/icons/filter-2.png);
}
.s-icon.s-icon-options {
  background-image: url(images/icons/options-icon-1.png);
  background-size: 10%;
}

.icon-archive-2 {
  background-image: url(images/icons/icon-archive-2.png);
  background-size: 20px;
}
.icon-inbox-1 {
  background-image: url(images/icons/icon-inbox-1.png);
  background-size: 22px;
}
.icon-users-1 {
  background-image: url(images/icons/icon-users-1.png);
  background-size: 18px;
}
.icon-user {
  background-image: url("images/icons/user.png");
}
.icon-lock {
  background-image: url("images/icons/lock.png");
}
.icon-lock-1 {
  background-image: url("images/icons/icon-lock-1.png");
}
.icon-sms-1 {
  background-image: url("images/icons/icon-sms-1.png");
}
.icon-smartphone-1 {
  background-image: url("images/icons/icon-smartphone-1.png");
}

.power-icon {
  background-image: url(images/icons/power-icon.png);
}

.settings-icon {
  background-image: url(images/icons/settings-icon.png);
}

/* Icons */
.icon-loans-3 {
  background-image: url(images/icons/loans_d.png);
}

.arrow-right-1 {
  background-image: url(images/icons/arrow-right-1.png);
}
.arrow-right-2 {
  background-image: url(images/icons/arrow-right-2.png);
}
.arrow-right-2 {
  background-image: url(images/icons/arrow-right-2.png);
}
.arrow-bottom-1 {
  background-image: url(images/icons/arrow-bottom-1.png);
}
.arrow-bottom-2 {
  background-image: url(images/icons/arrow-bottom-2.png);
}
.arrow-top-1 {
  background-image: url(images/icons/arrow-top-1.png);
}

.facebook-white {
  background-image: url(images/icons/facebook-white.png);
}
.facebook-grey {
  background-image: url(images/icons/facebook-grey.png);
}
.facebook-dark {
  background-image: url(images/icons/facebook-dark.png);
}

.twitter-white {
  background-image: url(images/icons/twitter-white.png);
}
.twitter-grey {
  background-image: url(images/icons/twitter-grey.png);
}
.twitter-dark {
  background-image: url(images/icons/twitter-dark.png);
}

.linkedin-white {
  background-image: url(images/icons/linkedin-white.png);
}
.linkedin-grey {
  background-image: url(images/icons/linkedin-grey.png);
}
.linkedin-dark {
  background-image: url(images/icons/linkedin-dark.png);
}

.question-icon {
  background-image: url(images/icons/question-icon.png);
}

.settings-icon {
  background-image: url(images/icons/settings-icon.png);
}
.settings-icon-1 {
  background-image: url(images/icons/settings-icon-1.png);
  background-size: 22px;
}
.settings-icon-2 {
  background-image: url(images/icons/settings-icon-2.png);
  background-size: 22px;
}

.power-icon {
  background-image: url(images/icons/power-icon.png);
  background-size: 20px;
}
.power-icon-2 {
  background-image: url(images/icons/power-icon-2.png);
  background-size: 20px;
}

.mail-icon {
  background-image: url(images/icons/mail-1.png);
}

.move-icon {
  background-image: url(images/icons/move-1.png);
}

.print-icon {
  background-image: url(images/icons/print-icon.png);
  background-size: 16px;
}

.minimize-icon {
  background-image: url(images/icons/minimize-1.png);
}

.maximize-icon {
  background-image: url(images/icons/maximize-1.png);
}

.filter-icon {
  background-image: url(images/icons/filter-1.png);
  background-size: 14px;
}

.edit-icon {
  background-image: url(images/icons/edit-1.png);
  background-size: 14px;
}
.edit-icon:hover {
  background-image: url(images/icons/edit-4.png);
  border-color: #494f5a !important;
}

.edit-text {
  position: relative;
  top: -8px;
}

.hide-icon {
  background-image: url(images/icons/ico_hide2.png);
  background-size: 18px;
}
.hide-icon:hover {
  background-image: url(images/icons/ico_hide.png);
  border-color: #494f5a !important;
}

p.ceye {
  display: none;
}

div.cbalance {
  display: block;
}
div.balance {
  display: none;
}

p.eye {
  display: block;
}

.available-balance-col:hover p.eye,
.chart-content:hover p.eye {
  display: none !important;
}
.available-balance-col:hover div.balance,
.chart-content:hover div.balance {
  display: block !important;
}

.edit-icon-2 {
  background-image: url(images/icons/edit-2.png);
  background-size: 14px;
}
.edit-icon-3 {
  background-image: url(images/icons/edit-3.png);
  background-size: 24px;
}

.drag-icon {
  background-image: url(images/icons/drag-icon.png);
}

.logo-icon {
  background-image: url(images/icons/logo-icon.png);
}
.logo-icon-2 {
  background-image: url(images/icons/logo-icon-2.png);
  background-size: 21px;
}

.wallet-icon {
  background-image: url(images/icons/wallet-1.png);
}

.bill-icon {
  background-image: url(images/icons/bill-1.png);
}

.options-icon {
  background-image: url(images/icons/options-icon.png);
}

.ham-icon {
  background-image: url(images/icons/ham-icon.png);
}

.left-icon {
  background-image: url(images/icons/arrow-left-1.png);
}
.left-icon-2 {
  background-image: url(images/icons/arrow-left-5.png);
}

.right-icon {
  background-image: url(images/icons/arrow-right-3.png);
}
.right-icon-2 {
  background-image: url(images/icons/arrow-right-5.png);
}

.play-icon {
  background-image: url(images/icons/play-icon.png);
}

.layers-icon {
  background-image: url(images/icons/layers-1.png);
}
.layers-icon-2 {
  background-image: url(images/icons/layers-2.png);
}

.close-icon {
  background-image: url(images/icons/close-icon-1.png);
}

.icon-archive-2 {
  background-image: url(images/icons/icon-archive-2.png);
  background-size: 20px;
}
.icon-inbox-1 {
  background-image: url(images/icons/icon-inbox-1.png);
  background-size: 22px;
}
.icon-users-1 {
  background-image: url(images/icons/icon-users-1.png);
  background-size: 18px;
}
.icon-lock {
  background-image: url("images/icons/lock.png");
}
.icon-lock-1 {
  background-image: url("images/icons/icon-lock-1.png");
}
.icon-sms-1 {
  background-image: url("images/icons/icon-sms-1.png");
}
.icon-smartphone-1 {
  background-image: url("images/icons/icon-smartphone-1.png");
}
.icon-user {
  background-image: url(images/icons/user-icon.png);
  background-size: 9px;
}
.icon-lock {
  background-image: url(images/icons/lock-icon.png);
  background-size: 11px;
}
.icon-tel {
  background-image: url(images/icons/tel-icon.png);
}
.icon-accounts-1 {
  background-image: url(images/icons/accounts_w.png);
  background-size: 24px;
}
.icon-accounts-2 {
  background-image: url(images/icons/accounts_y.png);
  background-size: 24px;
}
.icon-accounts-3 {
  background-image: url(images/icons/accounts_g.png);
  background-size: 24px;
}
.icon-accounts-4 {
  background-image: url(images/icons/accounts_d.png);
  background-size: 24px;
}
.icon-arrow-1 {
  background-image: url(images/icons/icon-arrow-1.png);
  background-size: 22px;
}
.icon-arrow-right-1 {
  background-image: url(images/icons/arrow-blue-r.png);
  background-size: 6px;
}
.icon-arrow-left-1 {
  background-image: url(images/icons/arrow-blue-l.png);
  background-size: 6px;
}
.icon-bill-1 {
  background-image: url(images/icons/icon-bill-1.png);
  background-size: 30px;
}
.icon-bill-2 {
  background-image: url(images/icons/icon-bill-2.png);
  background-size: 30px;
}
.icon-bills-1 {
  background-image: url(images/icons/icon-bills_w.png);
  background-size: 20px;
}
.icon-bills-2 {
  background-image: url(images/icons/icon-bills_y.png);
  background-size: 20px;
}
.icon-bills-3 {
  background-image: url(images/icons/icon-bills_g.png);
  background-size: 20px;
}
.icon-bills-4 {
  background-image: url(images/icons/icon-bills-4.png);
  background-size: 20px;
}
.icon-bills-5 {
  background-image: url(images/icons/icon-bills-5.png);
  height: 91px;
  width: 91px;
  margin: auto auto 30px auto;
}
.icon-bills-6 {
  background-image: url(images/icons/icon-bills-6.png);
  background-size: 34px;
}
.icon-cards-1 {
  background-image: url(images/icons/cards_w.png);
  background-size: 30px;
}
.icon-cards-2 {
  background-image: url(images/icons/cards_y.png);
  background-size: 30px;
}
.icon-cards-3 {
  background-image: url(images/icons/cards_d.png);
  background-size: 30px;
}
.icon-chart-1 {
  background-image: url(images/icons/chart-1.png);
  background-size: 16px;
}
.icon-chart-1.s-icon:hover {
  background-image: url(images/icons/chart-2.png);
}
.icon-chart-2 {
  background-image: url(images/icons/chart-2.png);
  background-size: 16px;
}
.icon-check-1 {
  background-image: url(images/icons/check-icon-2.png);
  background-size: 50px;
}
.icon-clock-1 {
  background-image: url(images/icons/icon-clock-1.png);
  background-size: 23px;
}
.icon-clock-2 {
  background-image: url(images/icons/icon-clock-2.png);
  background-size: 23px;
}
.icon-close-1 {
  background-image: url(images/icons/close-icon-1.png);
  background-size: 10px;
}
.icon-coins-1 {
  background-image: url(images/icons/icon-coins-1.png);
  background-size: 22px;
}
.icon-coins-2 {
  background-image: url(images/icons/icon-coins-2.png);
  background-size: 22px;
}
.icon-coins-3 {
  background-image: url(images/icons/icon-coins-3.png);
  background-size: 22px;
}
.icon-coins-4 {
  background-image: url(images/icons/icon-coins-4.png);
  background-size: 33px;
}
.icon-exchange-1 {
  background-image: url(images/icons/icon-exchange_w.png);
  background-size: 25px;
}
.icon-exchange-2 {
  background-image: url(images/icons/icon-exchange_y.png);
  background-size: 25px;
}
.icon-exchange-3 {
  background-image: url(images/icons/icon-exchange_d.png);
  background-size: 25px;
}
.icon-exchange-office-1 {
  background-image: url(images/icons/icon-exchange-office_w.png);
  background-size: 25px;
}
.icon-exchange-office-2 {
  background-image: url(images/icons/icon-exchange-office_y.png);
  background-size: 25px;
}
.icon-exchange-office-3 {
  background-image: url(images/icons/icon-exchange-office_d.png);
  background-size: 25px;
}
.icon-eye-1 {
  background-image: url(images/icons/icon-eye_w.png);
  background-size: 26px;
}
.icon-eye-2 {
  background-image: url(images/icons/icon-eye_g.png);
  background-size: 20px;
}
.icon-facebook-1 {
  background-image: url(images/icons/facebook-1.png);
  background-size: 10px;
}
.icon-help {
  background-image: url(images/icons/help-1.png);
  background-size: 24px;
  background-repeat: no-repeat;
}
.icon-help-1 {
  background-image: url(images/icons/help-1.png);
  background-size: 24px;
}
.icon-help-2 {
  background-image: url(images/icons/help-2.png);
  background-size: 24px;
}
.icon-help-3 {
  background-image: url(images/icons/icon-help-3.png);
  background-size: 46px;
}
.icon-home-1 {
  background-image: url(images/icons/home_w.png);
  background-size: 24px;
}
.icon-home-2 {
  background-image: url(images/icons/home_y.png);
  background-size: 24px;
}
.icon-info-1 {
  background-image: url(images/icons/info-icon-1.png);
  background-size: 2px;
}
.icon-investment-1 {
  background-image: url(images/icons/investment-1.png);
  background-size: 22px;
}
.icon-investment-2 {
  background-image: url(images/icons/investment-2.png);
  background-size: 22px;
}
.icon-investment-3 {
  background-image: url(images/icons/investment-3.png);
  background-size: 22px;
}
.icon-last-transactions-1 {
  background-image: url(images/icons/icon-last-trans.png);
  background-size: 18px;
}
.icon-list-1 {
  background-image: url(images/icons/list-1.png);
  background-size: 20px;
}
.icon-list-1.s-icon:hover {
  background-image: url(images/icons/list-2.png);
}
.icon-list-2 {
  background-image: url(images/icons/list-2.png);
  background-size: 20px;
}
.icon-loans-1 {
  background-image: url(images/icons/loans_w.png);
  background-size: 29px;
}
.icon-loans-2 {
  background-image: url(images/icons/loans_y.png);
  background-size: 29px;
}
.icon-loans-3 {
  background-image: url(images/icons/loans_d.png);
  background-size: 29px;
}
.icon-logo-1 {
  background-image: url(images/icons/raiff-3.png);
  background-size: 30px;
}
.icon-message-1 {
  background-image: url(images/icons/message-icon-1.png);
  background-size: 24px;
}
.icon-message-2 {
  background-image: url(images/icons/message-icon-2.png);
  background-size: 24px;
}
.icon-message-3 {
  background-image: url(images/icons/message-icon-3.png);
  background-size: 24px;
}
.icon-message-4 {
  background-image: url(images/icons/message-icon-4.png);
  background-size: 24px;
}
.icon-options-1 {
  background-image: url(images/icons/options-icon-1.png);
  background-size: 3px;
}
.icon-payments-1 {
  background-image: url(images/icons/payments_w.png);
  background-size: 24px;
}
.icon-payments-2 {
  background-image: url(images/icons/payments_y.png);
  background-size: 24px;
}
.icon-payments-3 {
  background-image: url(images/icons/payments_g.png);
  background-size: 24px;
}
.icon-payments-4 {
  background-image: url(images/icons/payments_d.png);
  background-size: 24px;
}
.icon-show {
  background-image: url(images/icons/icon-reload-2.png);
  background-size: 24px;
}
.icon-pay-card-1 {
  background-image: url(images/icons/icon-pay-card_w.png);
  background-size: 25px;
}
.icon-pay-card-2 {
  background-image: url(images/icons/icon-pay-card_y.png);
  background-size: 25px;
}
.icon-phone-1 {
  background-image: url(images/icons/tel-icon-2.png);
  background-size: 25px;
}
.icon-phone-2 {
  background-image: url(images/icons/icon-phone-1.png);
  background-size: 20px;
}
.icon-pin-1 {
  background-image: url(images/icons/icon-pin_d.png);
  background-size: 18px;
}
.icon-plus-1 {
  background-image: url(images/icons/plus-1.png);
  background-size: 19px;
}
.icon-products-1 {
  background-image: url(images/icons/icon-products.png);
  background-size: 20px;
}
.icon-rba-1 {
  background-image: url(images/icons/icon-rba.png);
  background-size: 34px;
}
.icon-reload-1 {
  background-image: url(images/icons/icon-reload-1.png);
  background-size: 15px;
}
.icon-success-1 {
  background-image: url(images/icons/icon-success-1.png);
  background-size: 90px;
}
.icon-save-1 {
  background-image: url(images/icons/save-icon-1.png);
  background-size: 14px;
}
.icon-savings-1 {
  background-image: url(images/icons/savings_w.png);
  background-size: 29px;
}
.icon-savings-2 {
  background-image: url(images/icons/savings_y.png);
  background-size: 29px;
}
.icon-savings-3 {
  background-image: url(images/icons/savings_d.png);
  background-size: 29px;
}
.icon-secure-1 {
  background-image: url(images/icons/secure-icon-1.png);
  background-size: 23px;
}
.icon-service-1 {
  background-image: url(images/icons/icon-service-1.png);
  background-size: 24px;
}
.icon-templates-1 {
  background-image: url(images/icons/icon-templates_w.png);
  background-size: 24px;
}
.icon-templates-2 {
  background-image: url(images/icons/icon-templates_y.png);
  background-size: 24px;
}
.icon-user-1 {
  background-image: url(images/icons/user-1.png);
  background-size: 24px;
}
.icon-user-2 {
  background-image: url(images/icons/user-2.png);
  background-size: 24px;
}
.icon-users-1 {
  background-image: url(images/icons/icon-users-1.png);
  background-size: 18px;
}
.icon-users-2 {
  background-image: url(images/icons/icon-users-2.png);
  background-size: 18px;
}
.icon-value-paper-1 {
  background-image: url(images/icons/value-paper-1.png);
  background-size: 18px;
}
.icon-value-paper-2 {
  background-image: url(images/icons/value-paper-2.png);
  background-size: 18px;
}
.icon-value-paper-3 {
  background-image: url(images/icons/value-paper-3.png);
  background-size: 18px;
}
.icon-youtube-1 {
  background-image: url(images/icons/youtube-1.png);
  background-size: 24px;
}
.icon-2 {
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #CFD0D2;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.icon-repeat {
  background-image: url(images/icons/icon-repeat.png);
}
.icon-refresh-1 {
  background-image: url(images/icons/icon-refresh.png);
  background-size: 24px;
}
.icon-stopwatch-1 {
  background-image: url(images/icons/icon-stopwatch-1.png);
  background-size: 23px;
}
.icon-add-user-1 {
  background-image: url(images/icons/icon-add-user-1.png);
  background-size: 21px;
}
.icon-search-1 {
  background-image: url(images/icons/icon-search-1.png);
  background-size: 14px;
}
.icon-calc-1 {
  background-image: url(images/icons/icon-calc-1.png);
  background-size: 22px;
}
.icon-mail-1 {
  background-image: url(images/icons/icon-mail-1.png);
  background-size: 16px;
}
.icon-mail-1:hover {
  background-image: url(images/icons/icon-mail-2.png);
}
.icon-plus-2 {
  background-image: url(images/icons/icon-plus-2.png);
  background-size: 34px;
}
.icon-calendar-2 {
  background-image: url(images/icons/icon-calendar-2.png);
  background-size: 32px;
}
.icon-hand-1 {
  background-image: url(images/icons/icon-hand-1.png);
  background-size: 28px;
}

.clientGrid tbody tr .tag .tag-icon.icon-repeat {
  background-size: 17px !important;
  background-position: center;
}

.template-date img {
  opacity: 0;
  pointer-events: none;
  user-select: none;
}
.template-date .input-ico-right {
  width: 18px;
  height: 18px;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: 2;
  stroke: #52ae30;
  pointer-events: none;
  cursor: pointer;
}

.tag-icon.trnType {
  background-position: center;
  background-size: 35px;
}

.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: 0.3s opacity;
  z-index: 10;
  margin-bottom: -15px;
}
.SliderTutorial .slick-dots:after,
.widget-tutorial-slider .slick-dots:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.SliderTutorial .slick-dots li,
.widget-tutorial-slider .slick-dots li {
  display: inline-block;
}
.SliderTutorial .slick-dots li.slick-active button,
.widget-tutorial-slider .slick-dots li.slick-active button {
  background-color: #52AE30;
}
.SliderTutorial .slick-dots button,
.widget-tutorial-slider .slick-dots button {
  border-radius: 50%;
  color: transparent;
  background-color: #C7C7C7;
  font-size: 2px;
  margin: 0 2px;
  width: 8px;
  height: 8px;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  border: none;
  cursor: pointer;
}
.SliderTutorial .slick-slide,
.widget-tutorial-slider .slick-slide {
  opacity: 1 !important;
  position: relative;
}
.SliderTutorial .slick-active,
.widget-tutorial-slider .slick-active {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  transition-delay: 0.5s;
  opacity: 1 !important;
}
.SliderTutorial .slide .inner,
.widget-tutorial-slider .slide .inner {
  position: absolute;
  bottom: 30px;
  text-align: left;
  padding-left: 50px;
  margin-bottom: 40px;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  align-items: flex-start;
  max-width: 380px;
}
.SliderTutorial .slide .inner p,
.widget-tutorial-slider .slide .inner p {
  font-size: 40px;
  color: #FFFFFF;
}
.SliderTutorial .slide .inner .title,
.widget-tutorial-slider .slide .inner .title {
  margin-bottom: 10px;
  color: #fff;
  font-family: Source-Sans-Pro-Bold;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.02em;
}
.SliderTutorial .slide .inner .text,
.widget-tutorial-slider .slide .inner .text {
  margin-bottom: 40px;
  color: #fff;
  font-size: 18px;
  line-height: 1.08333;
}
.SliderTutorial .play-icon-btn,
.widget-tutorial-slider .play-icon-btn {
  display: inline-block;
  width: 90px;
  min-height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: none;
  padding: 14px 36px 11px;
  text-align: center;
  border-radius: 38px;
  font-size: 15px;
  transition: all 0.5s;
  margin-left: 0px;
  margin-bottom: -40px;
}
.SliderTutorial .btn-slider-show,
.widget-tutorial-slider .btn-slider-show {
  background-color: #52AE30;
  z-index: 100;
  border-radius: 38px;
  display: inline;
  padding: 15px 2px 10px;
  min-height: 27px;
  transition: all 0.5s;
}
.SliderTutorial .btn-slider-show:hover,
.widget-tutorial-slider .btn-slider-show:hover {
  background-color: #2A7F00;
}
.SliderTutorial .btnSlider,
.widget-tutorial-slider .btnSlider {
  display: inline-block;
  min-height: 50px;
  font-size: 15px;
  padding: 14px 36px 11px;
  border-radius: 38px;
  text-align: center;
  transition: all 0.5s;
  color: #fff;
  display: inline;
  padding-bottom: 14px;
  font-family: Source-Sans-Pro-Bold;
}

.NotificationNoLink {
  height: 420px !important;
}

#nav-prev, #nav-next {
  cursor: pointer;
}

/*#endregion slidertutorial*/
/*#region userinfo*/
.s-widget.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: 0.6;
}

.button-col .col-button {
  position: absolute;
  top: 12px;
  right: 20px;
}

.group {
  width: 100%;
}
.group.group-two .group-inner {
  float: left;
  width: 48%;
}
.group.group-two .group-inner:first-child {
  margin-right: 4%;
}
.group .group-inner {
  width: 100%;
  margin-bottom: 25px;
}
.group .group-inner .input-info input {
  padding-right: 40px;
}
.group .group-inner .info-icon {
  display: inline-block;
  width: 34px;
  height: 24px;
  border: 2px solid #CFD0D2;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(images/icons/info-icon-1.png);
  background-size: 2px;
  position: absolute;
  right: 5px;
  top: 12px;
}
.group .group-inner .info-icon:hover p {
  opacity: 1;
  visibility: visible;
}
.group .group-inner .info-icon p {
  width: 250px;
  padding: 15px;
  background-color: rgba(73, 80, 90, 0.7);
  position: absolute;
  right: 15px;
  bottom: 29px;
  font-size: 14px;
  color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  margin-bottom: 20px;
}
.group .group-inner .info-icon p:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0px 0 13px;
  border-color: #49505A transparent transparent transparent;
  position: absolute;
  right: 0px;
  bottom: -12px;
  opacity: 0.7;
}
.group .group-inner .step-line {
  height: 3px;
  background-color: #d1d1d1;
}
.group .group-inner .step-line div {
  height: 100%;
  background-color: #FFF200;
}
.group .group-inner .step-line .step-line-inner-1 {
  width: 33%;
}
.group .group-inner .step-line .step-line-inner-2 {
  width: 66%;
}
.group .group-inner .info-box-1 {
  padding: 20px;
  border: 1px solid #d1d1d1;
  margin-top: 150px;
}
.group .group-inner .info-box-1 .info-box-image {
  background: url(images/contact-2xx.png);
  width: 50px;
  height: 50px;
  background-size: cover;
  display: inline-block;
}
.group .group-inner .info-box-1 h4 {
  padding-top: 15px;
  text-transform: none;
  font: 700 20px/1.2 "futura", sans-serif;
  font-size: 16px;
  display: inline-block;
  position: relative;
  top: -17px;
  left: 15px;
}
.group .group-inner .info-box-1 p {
  font-size: 16px;
  color: #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;
  border: none !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: #52AE30;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: box-shadow 0.5s, background-color 0.5s;
  transition: box-shadow 0.5s, background-color 0.5s;
  box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4);
  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: rgb(255, 242, 0);
}

.dropdown-wrap {
  position: relative;
  font-size: 16px;
  color: #000000;
  padding: 20px 0;
  padding-right: calc(50% + 20px);
  line-height: 22px;
}
.dropdown-wrap .input-wrap {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  width: calc(50% - 10px);
  padding: 16px 15px 13px 15px;
}

.info-card {
  position: relative;
  border: 1px solid #d1d1d1;
  padding: 20px;
  padding-top: 35px;
}
.info-card i {
  position: absolute;
  display: inline-block;
  left: 15px;
  top: 15px;
  width: 55px;
  height: 55px;
  background-repeat: no-repeat;
  background-position: center;
}
.info-card .title {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  margin-left: 65px;
}
.info-card .text {
  font-size: 16px;
  color: #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: 0.2px;
  margin: 0;
}
.custom-dropdown .main-title {
  position: relative;
  line-height: 23px;
  min-height: 24px;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #000000;
  margin: 0;
}
.custom-dropdown .main-title:after {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  content: "";
  right: 0;
  width: 12px;
  height: 12px;
  background-image: url(images/icons/icon-carrot-1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px;
}
.custom-dropdown .add-input {
  display: none;
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: calc(100% - 20px);
  padding-right: 64px;
}

.remove-button {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #CFD0D2;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 12px;
  right: 0;
}

.custom-radio-1 .radio {
  cursor: pointer;
  position: relative;
  display: block;
  font-size: 16px;
  padding: 25px 20px;
  padding-left: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.custom-radio-1 .radio.has-input {
  padding-right: 130px;
}
.custom-radio-1 .radio.has-input-2 {
  padding-right: 230px;
}
.custom-radio-1 .radio.has-input-2 .input-wrap {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  max-width: 220px;
}
.custom-radio-1 .radio.has-input .input-wrap {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  max-width: 120px;
}
.custom-radio-1 .radio > i {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 0px;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(images/icons/radio-off.png);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.custom-radio-1 .radio.checked > i {
  background-image: url(images/icons/radio-on.png);
}

.link-1 {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  display: inline-block;
  font-size: 16px;
  color: #0095c9;
  text-decoration: underline;
  text-transform: uppercase;
  cursor: pointer;
}

.info-list {
  font-size: 16px;
  color: #000000;
}
.info-list .icon {
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  border: 2px solid #D9D9D9;
  border-radius: 50%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.info-list li {
  margin-bottom: 25px;
}

.fastPaymentButton {
  float: right;
  min-width: 70px;
  background: rgb(255, 242, 0);
  font-size: 14px;
  line-height: 30px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  text-transform: uppercase;
  padding: 0 25px;
  right: 20px;
  opacity: 0;
  border: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fastPaymentButton:hover {
  color: #FFFFFF;
  background: #0095c9;
}
.fastPaymentButton.edit, .fastPaymentButton.delete {
  display: none;
}

/*#endregion custom*/
/*#region StickyHeader*/
.sticky-header {
  display: none;
  position: fixed;
  border-radius: 0 0 0 40px;
  width: -webkit-calc(100% - 310px);
  width: calc(100% - 310px);
  top: 0;
  right: 0;
  z-index: 300;
  -webkit-transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s, visibility 0.5s;
  transition: transform 0.5s, opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  background-color: #52AE30;
}
.sticky-header .headerAccountNumber {
  color: #C7E1BE;
}
.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: #2A7F00;
}
.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: #52AE30;
}
.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: #2A7F00;
}
.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 {
  cursor: pointer;
  width: 18px;
  height: 18px;
}
.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default,
.ui-datepicker-calendar .ui-button {
  position: relative;
  border: none !important;
  background: transparent !important;
  font-weight: normal;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
  border-radius: 50%;
  font-family: "Source-Sans-Pro", sans-serif;
  min-height: 36px;
  min-width: 36px;
  padding: 0;
  transition: background-color 0.5s, color 0.5s;
}
.ui-datepicker th {
  padding-bottom: 1.35em;
  padding-top: 1em;
  padding-right: 0.3em;
  padding-left: 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}
.ui-datepicker td .ui-state-default:after {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  top: -10 px;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #e8e9ec;
  opacity: 0;
}
.ui-datepicker td .ui-state-default.ui-state-active:after {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  top: -10px !important;
  left: 50% !important;
  width: 40px !important;
  height: 40px !important;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
.ui-datepicker .ui-state-active {
  color: #52AE30 !important;
  font-weight: bold !important;
}
.ui-datepicker .ui-widget-header {
  border: none;
  background-color: transparent;
  height: 40px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next, .ui-datepicker .ui-widget-header .ui-datepicker-prev {
  top: 4px;
  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-radius: 50%;
  border: 1px solid #DCDCDC;
  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: transparent;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next span, .ui-datepicker .ui-widget-header .ui-datepicker-prev span {
  width: 0;
  height: 0;
  border-style: solid;
  margin: 0;
  position: static;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next {
  right: 0;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next span {
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #52AE30;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev {
  left: 0;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev span {
  border-width: 4px 5px 4px 0;
  border-color: transparent #52AE30 transparent transparent;
}
.ui-datepicker .ui-widget-header .ui-datepicker-title {
  font-size: 16px;
  font-weight: 500;
  color: #505050;
  margin: 0;
  outline: none;
  border: none;
  display: flex;
  flex-wrap: wrap;
  padding: 12px 47px;
  align-items: center;
  min-height: 40 px;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-month {
  border: none;
  background-color: transparent;
  font-size: 15px;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  color: rgba(0, 0, 0, 0.54);
  outline: none;
  cursor: pointer;
  width: 58%;
}
.ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-year {
  border: none;
  background-color: transparent;
  font-size: 15px;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  color: rgba(0, 0, 0, 0.54);
  outline: none;
  cursor: pointer;
  width: 40%;
}
.ui-datepicker .ui-widget-header .ui-datepicker-title .transaction-form-submit-arrow {
  width: 9px;
  fill: #52AE30;
  height: 9px;
  transform: rotate(90deg);
  position: relative;
  right: 10px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-calendar {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker .ui-widget-header .ui-datepicker-calendar th {
  padding: 0.7em 0.3em;
  text-align: center;
  border: 0;
  background: none;
  font-size: 16px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-calendar th span {
  font-family: "futura", sans-serif;
  color: #505050;
  font-weight: 500;
}
.ui-datepicker .ui-widget-header .ui-datepicker-calendar td {
  padding: 1px 2px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-calendar td a {
  background: none;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  color: #1c1f32;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  border: 0;
  box-sizing: border-box;
  width: 33px;
  height: 33px;
  line-height: 33px;
  border-radius: 50%;
  padding: 0;
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}
.ui-datepicker .ui-widget-header .ui-datepicker-calendar td a.ui-state-active {
  border-color: #52AE30;
  background: #52AE30;
  font-family: "Lato-Semibold", sans-serif;
  color: #FFFFFF;
}
.ui-datepicker .ui-widget-header .ui-datepicker-calendar td span {
  padding: 0.4em;
  text-align: center;
}
.ui-datepicker .ui-widget-header .ui-datepicker-calendar .ui-datepicker-other-month {
  opacity: 0;
}
.ui-datepicker .ui-widget-header .ui-datepicker-calendar .ui-datepicker-unselectable span {
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: normal;
}
.ui-datepicker .ui-widget-header .ui-datepicker .ui-datepicker-trigger {
  cursor: pointer;
}

#ui-datepicker-div {
  width: 300px;
  position: absolute;
  left: 0;
  top: 110%;
  z-index: 1003 !important;
  background-color: #EFEFEF;
  background: #ffffff !important;
  border: none !important;
  border-radius: 12px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  padding: 15px;
  box-sizing: border-box;
}

/*#endregion datepicker*/
/*#region dialogs*/
.ui-dialog {
  overflow: hidden; /*Hiding scrollbar*/
  z-index: 1002 !important;
}
.ui-dialog.info-dialog-installmentsPayFinal .ui-dialog-buttonset {
  margin-bottom: -40px;
}
.ui-dialog.info-dialog-installmentsPayFinal .ui-dialog-buttonset button {
  width: 100% !important;
  border: none !important;
  background-color: #52AE30 !important;
  color: #FFFFFF !important;
}
.ui-dialog.SMSDialog {
  z-index: 999 !important;
}
.ui-dialog.SMSDialog .ui-widget-content {
  background: none !important;
  padding: 0 !important;
  overflow: unset;
}
.ui-dialog-titlebar:before {
  content: "";
  display: table;
  width: 40px;
  height: 6px;
  border-radius: 6px;
  margin: auto;
  margin-bottom: 5px;
  background-color: #52AE30;
}
.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 !important;
  z-index: 1010 !important;
}
.ui-dialog.information {
  width: 430px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center !important;
  font-size: 16px !important;
}
.ui-dialog.information .ui-dialog-content:before {
  display: none !important;
}
.ui-dialog.information.beneficiary {
  z-index: 1000 !important;
}
.ui-dialog.right-dialog {
  margin-top: 24px;
  margin-right: 24px;
  overflow-y: scroll !important; /*Hiding scrollbar*/
  overflow-x: hidden !important; /*Hiding scrollbar*/
  position: fixed !important;
  top: 0 !important;
  right: 0px;
  height: 95vh !important;
  left: auto !important;
  z-index: 1000;
  width: auto !important;
  overflow-y: auto !important;
  box-sizing: border-box;
  background-color: #EFEFEF;
  overflow: hidden !important;
  border-radius: 16px !important;
  padding-top: 0;
}
.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: 15px;
  padding: 10px 28px;
  border: 1px solid #DCDCDC;
  text-align: center;
  -webkit-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  background-color: #F5F5F5;
  color: #52AE30;
  border-radius: 25px;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-content, .ui-dialog.info-dialog .ui-widget-content .ui-dialog-content, .ui-dialog.information .ui-widget-content .ui-dialog-content {
  margin-bottom: 30px;
}
.ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-content:before, .ui-dialog.info-dialog .ui-widget-content .ui-dialog-content:before, .ui-dialog.information .ui-widget-content .ui-dialog-content:before {
  display: block;
  padding-bottom: 30px;
  background-size: 100% calc(100% - 30px);
  width: 65px;
  height: 57px;
  margin: auto;
  content: "";
  background-repeat: no-repeat;
}
.ui-dialog.installments-zero-dialog .ui-button {
  margin-top: -8px;
  margin-bottom: -31px;
}
.ui-dialog.error-dialog.information:before {
  background-color: red;
}
.ui-dialog.error-dialog.info-dialog:before, .ui-dialog.error-dialog.information:before {
  background-color: red !important;
}
.ui-dialog.error-dialog .ui-dialog-buttonpane {
  width: 100%;
  margin-bottom: -25px;
}
.ui-dialog.no-yes-dialogErr {
  background: #FFFFFF !important;
}
.ui-dialog.no-yes-dialogErr.ui-widget-content {
  margin-bottom: 25px !important;
}
.ui-dialog.no-yes-dialogErr.ui-widget-content .ui-dialog-titlebar:before {
  background-color: red;
}
.ui-dialog.no-yes-dialogErr .ui-dialog-buttonpane {
  padding-top: 25px !important;
  margin-bottom: -6px !important;
}
.ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonpane.ui-widget-content {
  background: none !important;
  padding: 0;
  margin: 0 -1%;
}
.ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-titlebar {
  border: none;
  background: transparent;
  font-family: Sarabun, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 30px;
  padding: 0;
  width: 298px;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
}
.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: 38px;
  padding: 15px 28px !important;
  margin: 0;
}
.ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1) {
  background-color: rgb(255, 255, 255);
  color: black;
}
.ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1):hover {
  background-color: #E8E9EC;
}
.ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(2) {
  background-color: #52AE30;
  color: #FFFFFF;
  transition: all 0.5s;
}
.ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(2):hover {
  background-color: #2A7F00;
}
.ui-dialog.no-yes-dialog .ui-dialog-content {
  margin-bottom: 0 !important;
  font-size: 15px;
  font-family: "Source-Sans-Pro", sans-serif;
  line-height: 24px;
  padding: 0;
}
.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: #52AE30;
  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;
}
.ui-dialog.info-dialog:before, .ui-dialog.information:before {
  content: "";
  display: table;
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 40px;
  height: 6px;
  border-radius: 6px;
  margin: auto;
  margin-bottom: 10px;
  background-color: #2A7F00;
}
.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: center !important;
}
.ui-dialog.info-dialog .ui-dialog-buttonpane, .ui-dialog.information .ui-dialog-buttonpane {
  background: transparent !important;
}
.ui-dialog.info-dialog .ui-widget-content, .ui-dialog.information .ui-widget-content {
  font-size: 16px;
  color: #000000 !important;
  line-height: 24px;
}
.ui-dialog.info-dialog .ui-widget-content .ui-dialog-buttonset button, .ui-dialog.information .ui-widget-content .ui-dialog-buttonset button {
  width: 100%;
}
.ui-dialog.error-dialog, .ui-dialog.success-dialog {
  width: 430px !important;
  text-align: center !important;
  font-size: 16px !important;
  color: #000000 !important;
  padding-bottom: 20px !important;
}
.ui-dialog.error-dialog .ui-dialog-content:before {
  background-image: url(images/icons/error-icon.png) !important;
}
.ui-dialog.success-dialog .ui-dialog-content:before {
  background-image: url(images/icons/icon-success-1.png) !important;
  width: 90px !important;
  height: 90px !important;
}
.ui-dialog .btn-1,
.ui-dialog .select-1,
.ui-dialog .label-1 {
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.ui-dialog .input-1 {
  font-family: "Source-Sans-Pro", sans-serif;
}
.ui-dialog .input-1:focus::-ms-clear {
  display: none;
}
.ui-dialog .productEditNameDialog {
  padding: 20px;
}
.ui-dialog .productEditNameDialog .message {
  margin-bottom: 30px;
  font-family: "futura", sans-serif;
  font-size: 15px;
}
.ui-dialog .side-modal {
  display: block;
  position: absolute;
  background-color: #FFFFFF;
  top: 50px;
  right: 0;
  width: 440px;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  z-index: 1001;
}
.ui-dialog .side-modal.type-2.transaction-detail {
  overflow: visible;
}

.no-back-arrow {
  padding-top: 50px !important;
}

.modal-primaoc .modal-title,
.modal-primaoc .input-wrap {
  margin-bottom: 30px;
}

.side-modal {
  display: block;
  position: absolute;
  background-color: #FFFFFF;
  top: 0;
  right: 0;
  width: 440px;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.side-modal-wrapper {
  z-index: 1000;
  display: block;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.side-modal .btn-1 {
  margin-top: 70px;
}
.side-modal .button-wrap {
  box-sizing: border-box;
}
.side-modal .button-wrap .button {
  box-sizing: border-box;
  width: calc(50% - 13px);
  margin-right: 20px;
}
.side-modal .button-wrap .button:last-child {
  margin-right: 0;
}

.modal-inner-content {
  position: relative;
  padding-top: 50px;
  font-family: "futura", sans-serif;
}

.message-hub-dialog .modal-inner-content.type-2 {
  padding: 50px 40px;
  padding-top: 35px;
  padding-bottom: 0;
}
.message-hub-dialog .modal-inner-content.type-2 .modal-close-button {
  top: 40px;
}
.message-hub-dialog .modal-inner-content .button-wrap.type-2 {
  left: 50%;
  width: calc(100% - 80px);
}
.message-hub-dialog .modal-inner-content .button-wrap.type-2 .button {
  width: 100%;
}
.message-hub-dialog .modal-inner-content .button-wrap .button {
  width: calc(50% - 12px);
  margin-right: 20px;
}
.message-hub-dialog .modal-inner-content .button-wrap .button:last-child {
  margin-right: 0px;
}

.modal-close-button {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50px;
  right: 40px;
  background-image: url(images/icons/close.png);
  background-size: 20px;
  background-repeat: no-repeat;
}
.modal-title-1 {
  font-size: 20px;
  font-weight: 700;
  padding-right: 50px;
}
.modal-title-2 {
  font-size: 30px;
  font-weight: 700;
  padding-right: 40px;
  line-height: 35px;
}
.modal-title-2 mall {
  font-size: 16px;
  color: #7b7b7b;
  font-weight: normal;
}
.modal-title-2 span {
  font-size: 16px;
  color: #0095c9;
  text-transform: uppercase;
  font-weight: 400;
}
.modal-title-3 {
  font-size: 16px;
  font-weight: 700;
  padding-right: 40px;
  line-height: 25px;
}
.modal-title-3 small {
  font-size: 16px;
  color: #7b7b7b;
  font-weight: normal;
}
.modal-title-3 span {
  font-size: 16px;
  color: #0095c9;
  text-transform: uppercase;
  font-weight: 400;
}
.modal-title.type-2 {
  margin-left: 50px;
}
.modal-title.icon {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left center;
}

.popup-content .popup-text {
  font-size: 16px;
  color: #000000;
}

.before-print-dialog .ui-dialog {
  padding: 20px 20px 20px 40px !important;
}
.before-print-dialog .ui-dialog-titlebar {
  display: none;
}
.before-print-dialog .btnPrint {
  padding: 15px 30px;
}

.change-name-hint {
  width: 36px !important;
  height: 26px !important;
  top: 50% !important;
  right: 15px !important;
}

.ruleForm .btn-1 {
  margin-top: 0;
}
.ruleForm .has-button {
  position: relative;
  padding-right: 60px;
}
.ruleForm .has-button .remove-button {
  cursor: pointer;
}
.ruleForm .categoryName {
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
}
.ruleForm .button-3.type-2 {
  box-sizing: border-box;
}
.ruleForm .custom-dropdown-container {
  width: 48.2%;
}

.buy-hov-modal .col-ls-12:nth-child(odd) {
  width: calc(50% - 12px);
}
.buy-hov-modal .col-ls-12:nth-child(even) {
  width: calc(50% + 8px);
}
.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled span,
.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled label,
.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled input {
  color: #adadad;
}
.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled .input-wrap {
  pointer-events: none;
}
.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled .input-wrap-focus {
  border-color: #c1b3b3 !important;
}
.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled i {
  background-image: url(images/icons/radio-disabled.png);
  background-size: 22px;
}
.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled.checked i {
  background-image: url(images/icons/radio-on-disabled.png);
}
.buy-hov-modal .col-ls-12.hovTypeContainer {
  width: 100%;
}
.buy-hov-modal .col-ls-12.hovTypeContainer .custom-radio-1 .radio {
  display: inline-block;
  width: 49%;
  box-sizing: border-box;
  overflow: visible;
}
.buy-hov-modal .col-ls-12.hovTypeContainer:not(.withdrawOrderType) .radio.disabled .input-wrap,
.buy-hov-modal .col-ls-12.hovTypeContainer:not(.withdrawOrderType) .radio.iceberg:not(.checked) .input-wrap {
  display: none;
}
.buy-hov-modal .col-ls-12.hovTypeContainer.withdrawOrderType .radio.disabled:not(.checked) .input-wrap {
  display: none;
}
.buy-hov-modal .hideValidationMessage .validationMessage {
  display: none;
}

/*#endregion dialogs*/
/*#region right-dialog details*/
/*.row.custom-grid.type-2.inner-margin-5,
.row.custom-grid.type-2.inner-margin-6 {
    overflow: auto;
}*/
.side-modal {
  width: 100% !important;
}

.custom-grid.type-2 .col {
  display: inline-block;
  vertical-align: top;
}
.custom-grid.type-2 .col:nth-child(even) {
  padding-left: 30px;
}

.col-ls-12 {
  width: 49.5%;
}

.transaction.type-2 {
  padding: 0;
  padding-bottom: 2px;
  padding-top: 12px;
  min-height: 49px;
}
.transaction.type-2:first-child {
  border-top: none;
}
.transaction.type-2 span {
  font-size: 16px;
  color: #000000;
  vertical-align: middle;
}
.transaction.type-2 span:nth-child(1) {
  color: #7b7b7b;
  line-height: 25px;
}

.transaction.type-3 {
  padding: 0;
  padding-bottom: 2px;
  padding-top: 12px;
  min-height: 49px;
}
.transaction.type-3 span {
  font-size: 16px;
  color: #000000;
  vertical-align: middle;
}
.transaction.type-3 span:nth-child(1) {
  color: #7b7b7b;
  line-height: 25px;
}

.cf:before, .cf:after,
.container:before,
.container:after,
.widget:before,
.widget:after,
form ol > li:before,
form ol > li:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
}

.cf:after,
.clear,
.container:after,
.widget:after,
form ol > li:after {
  clear: both;
}

.widget-links.type-2 .link {
  padding: 20px 0px;
}
.widget-links.type-2 .icon {
  right: 0px;
}

.transaction {
  position: relative;
  padding: 10px 25px 10px 70px;
  border-bottom: 2px solid #EFEFEF;
}
.transaction .title {
  font-size: 16px;
  float: left;
  margin: 0;
  min-height: 46px;
}

.right-dialog {
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.8s all ease;
}
.right-dialog.visible {
  visibility: visible !important;
  display: block;
  transform: translateX(0);
}

.ui-dialog {
  width: 300px !important;
}
.ui-dialog:not(.right-dialog, .support-dialog) {
  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).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: 14px;
  margin-bottom: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  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: #52AE30;
  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: "Lato-Semibold", sans-serif;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  padding: 0 55px;
}
.widget-tabs .tab-icon {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #CFD0D2;
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: border-box;
}
.widget-tabs .tab-icon:hover {
  border-color: #000000;
}
.widget-tabs .tab-icon.icon-chart-1:hover,
.widget-tabs .active .tab-icon.icon-chart-1 {
  background-image: url(images/icons/chart-3.png);
}
.widget-tabs .tab-icon.icon-reload-1:hover,
.widget-tabs .active .tab-icon.icon-reload-1 {
  background-image: url(images/icons/icon-reload-2.png);
}
.widget-tabs .button-wrap {
  position: relative;
  top: 50%;
  -webkit-transition: translateY(-50%);
  -moz-transition: translateY(-50%);
  -ms-transition: translateY(-50%);
  -o-transition: translateY(-50%);
  transition: translateY(-50%);
  top: calc(50% + 5px);
  right: 20px;
  position: absolute;
  display: inline-block;
}
.widget-tabs .button-wrap li {
  padding: 0;
  margin-left: 5px;
}
.widget-tabs .button-wrap li:after {
  display: none;
}
.widget-tabs.type-2 li a {
  font-size: 15px;
  cursor: pointer;
}
.widget-tabs.type-2 .button-wrap li {
  padding: 0;
}

.tab {
  display: none;
}
.tab.init-select {
  display: block;
}

/*#endregion widget tabs*/
/*#region Message Hub*/
.MessageHubNotificationList.dashboardView .widget-tabs {
  margin-bottom: 0;
  cursor: pointer;
}
.MessageHubNotificationList.dashboardView .widget-tabs li {
  width: 50%;
  margin-right: 0;
  text-align: center;
}

.emptyTableStyle {
  min-height: 50px;
  text-align: center;
  padding-top: 30px;
}

/*.read-messages-list div:nth-child(2) {
    display:none;
}*/
.read-messages-list a {
  color: #52AE30 !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: -280px;
  position: absolute;
  width: 656px;
  height: 31px;
  left: 20% !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 0.3s;
  transition: opacity 0.3s;
  border: none;
}

.message {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  padding: 17px 20px 17px 70px;
  border-bottom: 2px solid #EFEFEF;
  cursor: pointer;
}
.message:hover {
  background-color: #FFFFFF;
  border-radius: 50px;
}
.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: rgba(0, 0, 0, 0.87);
  line-height: 20px;
  display: inline-block;
  position: absolute;
  left: 229px;
}
.message .title span {
  font-size: 14px;
}
.message .message-date {
  display: inline-block;
  color: rgba(0, 0, 0, 0.54);
  font-size: 15px;
  width: 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 0.5s, background-color 0.5s;
  transition: box-shadow 0.5s, background-color 0.5s;
}
.message .archive-button svg, .message .archive-button p {
  display: inline;
}
.message .archive-button p {
  padding: 0px 0 0px 10px;
  line-height: 1;
}
.message .checkbox {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 10px;
}
.message span {
  color: #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 0.5s, background-color 0.5s;
  transition: box-shadow 0.5s, background-color 0.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: rgba(0, 0, 0, 0.87) !important;
}
.conversation-box p.from {
  color: #52AE30 !important;
}
.conversation-box .attachment-card {
  background-color: #f9f9f9;
  color: #52AE30;
  border: 1px solid #E8E9EC;
  box-shadow: none;
}
.conversation-box .attachment-card svg {
  fill: rgba(0, 0, 0, 0.87);
}
.conversation-box.blue-box {
  background-color: #52AE30;
}
.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;
}

.PaymentOverviewV2 .s-widget-body {
  overflow: visible;
}
.PaymentOverviewV2 .clientGrid thead {
  display: contents !important;
}
.PaymentOverviewV2 .pageSize {
  display: block !important;
}

.countdown-widget {
  zoom: 1;
  position: relative;
  background-color: #0095c9;
}
.countdown-widget:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.countdown-widget:before {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: calc(50% + 20px);
  content: "";
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: #8addf4;
}
.countdown-widget .container {
  position: relative;
  float: left;
  width: 50%;
  /*min-height: 65px;*/
  padding: 10px 0;
}

.value-title {
  font-size: 18px;
  line-height: 30px;
  color: #82d9f1;
  text-align: center;
  margin: 0;
}
.value-title span {
  font-size: 22px;
  color: #FFFFFF;
}
.value-title span.timer {
  color: #FFEC00;
}
.value-title span.timer.inited {
  animation: countdown 1s infinite reverse;
}
.value-title .icon {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px);
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}

@keyframes countdown {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
.widget-payment {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
.widget-payment .page-container {
  padding: 10px 50px 10px 0px;
  max-width: 825px;
  margin: 0 auto;
}
.widget-payment .custom-form {
  padding-top: 50px;
  padding-bottom: 50px;
}
.widget-payment .widget-links {
  margin-bottom: 50px;
}
.widget-payment .inner {
  padding: 0 70px;
}
.widget-payment .inner.type-2 {
  padding: 0 50px;
}
.widget-links .link {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  display: block;
  font-size: 18px;
  color: #000000;
  border-bottom: 1px solid #EFEFEF;
  padding: 20px 50px;
}
.widget-links .link:hover {
  background-color: #EFEFEF;
  cursor: pointer;
}
.widget-links .icon {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 20px;
  height: 20px;
  right: 50px;
  background-repeat: no-repeat;
  background-position: 100% center;
}

.payment-slider {
  position: relative;
  padding: 35px 0;
}
.payment-slider .slick-list {
  overflow: visible;
}
.payment-slider .icon-accounts-4 {
  display: inline-block;
  float: left;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
}
.payment-slider .slider-container {
  position: relative;
  z-index: 10;
  padding: 0 80px;
}
.payment-slider .slide {
  display: flex;
}
.payment-slider .slide-left {
  float: left;
  width: 50%;
  text-align: left;
}
.payment-slider .slide-right {
  text-align: right;
  float: right;
  width: 50%;
}
.payment-slider .slide-control {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 20;
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 100%;
  background-color: #fffcd9;
  background-repeat: no-repeat;
  background-position: center;
}
.payment-slider .slide-control:hover {
  border-color: #bfbfbf;
}
.payment-slider .slide-prev {
  cursor: pointer;
}
.payment-slider .slide-next {
  right: 0px;
  cursor: pointer;
}
.payment-slider .slick-dots {
  zoom: 1;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: -35px;
}
.payment-slider .slick-dots:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.payment-slider .slick-dots li {
  display: inline-block;
}
.payment-slider .slick-dots li.slick-active button {
  background-color: #000000;
}
.payment-slider .slick-dots button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border-radius: 50%;
  color: transparent;
  background-color: #CACACA;
  font-size: 2px;
  width: 6px;
  height: 6px;
  padding: 0;
  margin: 0 5px;
  border: none;
}
.payment-slider .slick-slide {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%);
  opacity: 0 !important;
}
.payment-slider .slick-active {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  transition-delay: 0.5s;
  opacity: 1 !important;
}
.payment-slider .label {
  color: #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*/
.PaymentOverviewV2 .clientGrid thead,
.FXTradingOverview .clientGrid thead,
.P2PPaymentOverview .clientGrid thead,
.MonthlyBillsOverview .clientGrid thead {
  display: none;
}
.PaymentOverviewV2 .s-widget-body[style="position: relative;"] .filter-dialog-button,
.FXTradingOverview .s-widget-body[style="position: relative;"] .filter-dialog-button,
.P2PPaymentOverview .s-widget-body[style="position: relative;"] .filter-dialog-button,
.MonthlyBillsOverview .s-widget-body[style="position: relative;"] .filter-dialog-button {
  visibility: hidden;
}

.P2PPaymentOverview .status_1 {
  color: #0095c9;
}
.P2PPaymentOverview .status_2, .P2PPaymentOverview .status_3 {
  color: gray;
}
.P2PPaymentOverview .status_4 {
  color: #4fc44f;
}

.PaymentOverviewV2 .status_20, .PaymentOverviewV2 .status_25 {
  color: #4fc44f;
}
.PaymentOverviewV2 .status_22, .PaymentOverviewV2 .status_30, .PaymentOverviewV2 .status_31, .PaymentOverviewV2 .status_32 {
  color: #FF0000;
}
.PaymentOverviewV2 .status_2, .PaymentOverviewV2 .status_6, .PaymentOverviewV2 .status_9, .PaymentOverviewV2 .status_10, .PaymentOverviewV2 .status_36, .PaymentOverviewV2 .status_44, .PaymentOverviewV2 .status_45, .PaymentOverviewV2 .status_51, .PaymentOverviewV2 .status_56 {
  color: #0095c9;
}

/*#endregion PaymentOverview*/
/*#region Inflows*/
.InflowsOverview .s-widget-body {
  min-height: 117px;
}
.InflowsOverview .gridFilterArea {
  display: none;
}
.InflowsOverview .widget-tabs li {
  padding: 15px 40px;
  cursor: pointer;
  box-sizing: border-box;
  margin-right: 0;
}
.InflowsOverview .clientGrid .value {
  display: inline-block;
}
.InflowsOverview .clientGrid a {
  margin-right: 20px;
}
.InflowsOverview .clientGrid thead {
  display: none;
}

/*#endregion Inflows*/
/*#region Accounts*/
.AccountTurnoverV3 {
  position: relative;
  background-position: 25px 18px;
  visibility: hidden;
}
.AccountTurnoverV3 #divPrint,
.AccountTurnoverV3 .tableHeader,
.AccountTurnoverV3 .clientGrid thead,
.AccountTurnoverV3 AccountTurnoverContent .currency {
  display: none;
}
.AccountTurnoverV3 .widget-options.print {
  margin-right: 55px;
  margin-top: 3px;
}
.AccountTurnoverV3 .s-widget-body[style="position: relative;"] .widget-options.print {
  visibility: hidden;
}

.select-3-detail {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 90px;
  margin-bottom: 0;
}
.select-3-detail:before {
  content: "";
  width: 0;
  height: 0;
  border: 0;
  background: none;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  top: 8px;
  right: 15px;
}
.select-3-detail select {
  width: 100%;
  padding: 0px 35px;
  padding-left: 0;
  background-color: #FFFFFF;
  font-family: "futura", sans-serif;
  font-size: 16px;
  display: block;
  line-height: 24px;
  float: right;
  direction: rtl;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gvUnusedCheques thead,
.gvUndueLiabilities thead,
.gvReservedFunds thead {
  display: none;
}
.gvUnusedCheques tbody tr:first-child,
.gvUndueLiabilities tbody tr:first-child,
.gvReservedFunds tbody tr:first-child {
  border-top: none !important;
}
.gvUnusedCheques tbody tr .value,
.gvUndueLiabilities tbody tr .value,
.gvReservedFunds tbody tr .value {
  text-align: right !important;
}
.gvUnusedCheques .clientGrid tbody tr .value,
.gvUndueLiabilities .clientGrid tbody tr .value,
.gvReservedFunds .clientGrid tbody tr .value {
  line-height: normal;
}

.reservedFundsCard,
.reservedFunds {
  padding-top: 0 !important;
}
.reservedFundsCard .pending-expenses-text,
.reservedFunds .pending-expenses-text {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}
.reservedFundsCard .pending-expenses-ico-col,
.reservedFunds .pending-expenses-ico-col {
  width: 77%;
}
.reservedFundsCard .reserved-funds-amount,
.reservedFunds .reserved-funds-amount {
  text-align: right;
}

.undue-liabilities-dialog .ui-dialog-buttonset button,
.reserved-dialog .ui-dialog-buttonset button,
.short-dialog .ui-dialog-buttonset button,
.filter-dialog .ui-dialog-buttonset button {
  border: transparent;
  background-size: 25px !important;
  width: 30px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 46px;
  left: 40px;
  background: url(images/back-1.png) no-repeat, transparent;
}
.undue-liabilities-dialog .ui-dialog-content.ui-widget-content,
.reserved-dialog .ui-dialog-content.ui-widget-content,
.short-dialog .ui-dialog-content.ui-widget-content,
.filter-dialog .ui-dialog-content.ui-widget-content {
  height: 100% !important;
}
.undue-liabilities-dialog .check-title,
.reserved-dialog .check-title,
.short-dialog .check-title,
.filter-dialog .check-title {
  color: #7b7b7b;
}

.filter-dialog .ui-dialog-content.ui-widget-content {
  height: calc(100% - 30px) !important;
}

.detail-icon-arrow-right-1 {
  background: url(images/icons/arrow-blue-r.png) no-repeat, transparent;
  background-size: 6px;
  position: static;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center center;
  cursor: pointer;
  margin-left: 10px;
}

.account-detail-link {
  cursor: pointer;
}
.account-detail-link:hover {
  opacity: 0.7;
}
.account-detail-link span {
  color: #0095c9 !important;
}

/*AccountLastChanges*/
.AccountLastChanges {
  background-position: 25px 18px;
  position: relative;
}
.AccountLastChanges .s-widget-body {
  position: relative;
  overflow: visible;
  min-height: 369px;
}
.AccountLastChanges .s-widget-body-error-summary {
  position: absolute;
  width: 100%;
}
.AccountLastChanges .s-widget-body .empty-section {
  padding: 90px 0;
}
.AccountLastChanges .s-widget-body .topBorder {
  border-top: 1px solid #ebeced !important;
}

.gvCardTurnover .clientGrid thead th:nth-child(2) div {
  padding-right: 135px !important;
}
.gvCardTurnover .clientGrid thead th:nth-child(3) div {
  right: -5px;
}
.gvCardTurnover .clientGrid thead th:last-child div {
  right: -27px;
}

.gvAccountTurnoverPreview .clientGrid thead th:nth-child(2) div {
  padding-right: 145px !important;
}

#gvAccountLastChanges {
  min-height: 321px;
}
#gvAccountLastChanges thead {
  display: none;
}
#gvAccountLastChanges .clientGrid td:nth-child(2) {
  width: 70px;
}
#gvAccountLastChanges .clientGrid tbody tr:first-child {
  border-top: none;
}
#gvAccountLastChanges .tag {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  /*top: 0;*/
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  position: absolute;
  left: 20px;
  border: 2px solid #D9D9D9;
  color: #000000;
  font-weight: normal;
  font-size: 16px;
  display: inline-block;
  width: 35px;
  max-width: 100%;
  height: 35px;
  max-height: 100%;
  line-height: 35px;
  padding-top: 0;
  margin-top: 0px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}
#gvAccountLastChanges .tag.type-2 {
  border-color: #ED1C24;
  background-color: #ED1C24;
}

.last-transactions-section {
  max-height: 422px;
}

.transaction {
  position: relative;
  padding: 10px 25px 10px 20px;
}

/*End AccountLastChanges*/
.ActiveNoticesOverviewV4 .s-widget-body {
  min-height: 420px;
  overflow: visible;
}

/*#endregion Accounts*/
/*#region Cards*/
.CardTurnoverAndSpendings {
  position: relative;
  background-position: 25px 18px;
  visibility: hidden;
}
.CardTurnoverAndSpendings .clientGrid thead,
.CardTurnoverAndSpendings .tableTitle.currency,
.CardTurnoverAndSpendings .tableFilter,
.CardTurnoverAndSpendings .tableHeader {
  display: none;
}
.CardTurnoverAndSpendings .clientGrid tbody tr:first-child {
  border-top: none;
}

.CardStatements .s-widget-body[style="position: relative;"] .filter-dialog-button {
  visibility: hidden;
}
.CardStatements .clientGrid thead th {
  text-align: left;
}
.CardStatements .clientGrid thead th:nth-child(2) {
  padding-left: 20px;
}
.CardStatements .clientGrid tbody tr td:nth-child(2) {
  padding-left: 20px;
}
.CardStatements .clientGrid tbody tr td:nth-child(5) {
  width: 110px;
}
.CardStatements .clientGrid tbody tr td p {
  height: 38px;
  vertical-align: middle;
}

.card-detail.custom-grid.type-2 .col:nth-child(odd) {
  padding-left: 30px;
}
.card-detail.custom-grid.type-2 .col:nth-child(even) {
  padding-left: 0px;
}

.margin-none {
  margin: 0;
}

.card-img {
  padding-left: 30px;
  max-width: 42%;
}
.card-icon {
  width: 40px !important;
}

.CardStatementsCalendar .s-widget-body-header {
  border-bottom: none;
}
.CardStatementsCalendar thead tr {
  height: 37px;
}

.card-payment-step2 {
  margin-left: 15px;
  margin-right: 15px;
}
.card-payment-form {
  padding-top: 70px;
}
.card-payment-form .widget-button {
  margin-top: 100px;
  border-top: 2px solid #EFEFEF;
}
.card-payment-form .payment-option-from::after {
  content: "";
  width: 0;
  height: 0;
  border: 0;
  background: none;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
}
.card-payment.PaymentOrderV3 {
  visibility: hidden;
}
.card-payment .s-widget-header {
  background-repeat: no-repeat;
}
.card-payment .s-widget-body-header {
  display: none !important;
}
.card-detail img {
  max-width: 300px;
  width: 100%;
}

.padding-0 {
  padding: 0 !important;
}

.padding-right-3 {
  padding-right: 30px;
}

.btn-1.card-commision {
  width: 49%;
}

.progress-bar-wrap.progress-bar-card {
  display: block;
}

.payment-option-from {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  font: inherit;
  vertical-align: baseline;
  width: 100%;
  height: 100%;
}

.loan-payment .select-3,
.card-payment-form .select-3 {
  width: auto;
  font-weight: 700;
  font-family: "futura", sans-serif;
  font-size: 16px;
  display: block;
  padding: 14px 35px;
  padding-left: 0px;
}
.loan-payment .select-3:before,
.card-payment-form .select-3:before {
  content: none;
}

/*#endregion Cards*/
/*#region Loans*/
.widget-loan-repayment {
  min-height: 660px;
}

.AccountTurnoverV2 .pageSize,
.CardTurnover .pageSize,
.LoanAnnuityPlan .pageSize {
  display: block !important;
}

.gvLoanRepayments thead {
  display: none;
}
.gvLoanRepayments td:nth-child(2) {
  padding-left: 25px;
}
.gvLoanRepayments td:nth-child(3) {
  padding-right: 5px;
}
.gvLoanRepayments .pageSize {
  display: block !important;
}

.loan-payment .title.tag-title {
  padding-left: 40px !important;
}
.loan-payment .icon-accounts-4 {
  position: absolute;
  left: 0;
  width: 40px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 5px 2px;
}

.loan-slider-container {
  position: relative;
  z-index: 10;
  padding: 0 160px;
}

/*#endregion Loans*/
/*#region CurrencyExchange*/
.CurrencyExchangeV2.dashboard-currency-exchange .gvCurrencyExchange {
  max-height: 246px;
}
.CurrencyExchangeV2.dashboard-currency-exchange .gvCurrencyExchange .clientGrid thead tr th {
  padding-top: 22px;
}
.CurrencyExchangeV2.dashboard-currency-exchange .gvCurrencyExchange .clientGrid td:nth-child(2) {
  font-weight: bold;
  position: relative;
  top: -5px;
}
.CurrencyExchangeV2.dashboard-currency-exchange .curencyExchangeFilter {
  display: none;
}
.CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td {
  font-size: 16px;
}
.CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td:nth-child(2) {
  font-size: 18px;
  border-top-left-radius: 31px;
  border-bottom-left-radius: 31px;
  width: 40%;
}
.CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td:nth-child(3), .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td:nth-child(4), .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td:nth-child(5) {
  width: 10%;
  padding-right: 70px;
  text-align: right;
}
.CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td:last-child {
  border-top-right-radius: 31px;
  border-bottom-right-radius: 31px;
  padding-right: 25px !important;
}
.CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td .currency-flag {
  position: relative;
  width: 40px;
  height: 40px;
  top: 5px;
  background-color: #FFFFFF;
  border-radius: 50%;
  float: left;
  margin-right: 16px;
}
.CurrencyExchangeV2 select.typesList {
  text-transform: uppercase !important;
}
.CurrencyExchangeV2 .noticeSection {
  display: none;
}
.CurrencyExchangeV2 .clientGrid .tablesaw-cell-label {
  display: none;
}
.CurrencyExchangeV2 .clientGrid thead tr th {
  text-align: left !important;
}
.CurrencyExchangeV2 .clientGrid thead tr th:nth-child(2) div {
  margin-left: 10px;
}
.CurrencyExchangeV2 .clientGrid thead tr th:nth-child(3) div, .CurrencyExchangeV2 .clientGrid thead tr th:nth-child(4) div, .CurrencyExchangeV2 .clientGrid thead tr th:nth-child(5) div {
  margin-left: 15px;
}
.CurrencyExchangeV2 .clientGrid tbody tr td {
  cursor: default !important;
  font-size: 14px;
}
.CurrencyExchangeV2 .clientGrid tbody tr td span.currency-flag:before {
  background-size: 100% 100%;
  width: 16px;
  height: 16px;
  margin: auto;
  content: "";
  background-repeat: no-repeat;
  display: inline-block;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.23);
  position: relative;
  top: 11px;
  right: -12px;
}

/*#endregion CurrencyExchange*/
/*#region FXTrading*/
.FXTrading {
  margin-bottom: 0;
}
.FXTrading .s-widget-body {
  overflow: visible;
}
.FXTrading .widget-tabs {
  margin-bottom: 0;
}
.FXTrading .widget-tabs .button-wrap .active {
  border-color: #000000;
}
.FXTrading .widget-tabs .button-wrap .active:nth-child(1) a {
  background-image: url(images/icons/chart-3.png);
}
.FXTrading .widget-tabs .button-wrap .active:nth-child(2) a {
  background-image: url(images/icons/icon-reload-2.png);
}

.FXTradingCalculator .s-overlay-message {
  box-sizing: content-box;
}
.FXTradingCalculator .s-widget-body {
  position: relative;
}
.FXTradingCalculator .currency {
  width: 50%;
  float: left;
  padding: 40px 20px;
}
.FXTradingCalculator .currency.currency-left {
  padding-left: 40px;
}
.FXTradingCalculator .currency.currency-right {
  padding-right: 40px;
}
.FXTradingCalculator .currency .select-3 {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.FXTradingCalculator .currency .flag {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: cover;
  border-radius: 50%;
}
.FXTradingCalculator .currency .flag.RSD {
  background-image: url(images/icons/icon-rsd-table.png);
}
.FXTradingCalculator .currency .flag.EUR {
  background-image: url(images/icons/eu.png);
}
.FXTradingCalculator .eq {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100px;
  position: absolute;
  font-size: 24px;
  color: #CACACA;
  line-height: 35px;
  margin-bottom: 0;
}
.FXTradingCalculator .btn-1 {
  border-top: 1px solid #EFEFEF;
}

.FXTradingCurrencyHistory {
  display: none;
  margin-bottom: 0;
}
.FXTradingCurrencyHistory .tableFilter {
  border-bottom: none;
}
.FXTradingCurrencyHistory .col-fix-size-1 {
  width: 310px;
  float: none;
}

/*#endregion FXTrading*/
/*#region CreditorTemplateManaging*/
.CreditorTemplateManaging:not(.dashboard-widget) .s-widget-body {
  position: relative;
  overflow: visible;
}
.CreditorTemplateManaging:not(.dashboard-widget) .wh-button-top-right {
  transform: translateY(-100%);
}
.CreditorTemplateManaging:not(.dashboard-widget) .name {
  width: 16%;
  padding-left: 80px;
}
.CreditorTemplateManaging:not(.dashboard-widget) button {
  border: none;
  background: transparent;
  color: #0095c9;
  text-transform: uppercase;
  font-size: 15px;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  margin-right: 10px;
  cursor: pointer;
}
.CreditorTemplateManaging:not(.dashboard-widget) button.pay {
  display: none;
}
.CreditorTemplateManaging:not(.dashboard-widget) .newTemplate {
  display: none;
}
.CreditorTemplateManaging:not(.dashboard-widget) .clientGrid tr td:nth-child(4),
.CreditorTemplateManaging:not(.dashboard-widget) .clientGrid tr td:nth-child(5) {
  width: 50px;
}
.CreditorTemplateManaging:not(.dashboard-widget) .clientGrid tr td:nth-child(6) {
  display: none;
}
.CreditorTemplateManaging:not(.dashboard-widget) .gridFilterArea span {
  left: 50px;
}

/*#endregion CreditorTemplateManaging*/
/*#region Products*/
.Products {
  position: relative;
  background-position: 25px 19px;
}
.Products .s-widget-body {
  overflow: visible;
}
.Products .change-tab {
  position: absolute;
  right: 10px;
  top: 8px;
  padding: 5px;
}
.Products .change-tab .widget-options {
  padding-top: 2px;
  padding-right: 0;
}
.Products .change-tab .widget-options li {
  cursor: pointer;
}
.Products .change-tab .widget-options li .t-modal {
  z-index: 1;
}
.Products .chart-tab {
  text-align: center;
  padding: 12px 20px 0 20px;
  border-bottom: 5px solid #FFEC00;
  border-top: 2px solid transparent;
  position: relative;
  box-sizing: border-box;
  max-height: 360px;
  overflow: visible;
}
.Products .chart-tab .chart-slider {
  width: 600px;
  margin: 0 auto;
}
.Products .chart-tab .chart-slider .slick-list {
  z-index: 20;
}
.Products .chart-tab .chart-content {
  /*width: 280px;*/
  position: absolute;
  left: 48%;
  top: 167px;
  /*margin-left: -140px;*/
  margin-left: -76px;
  text-align: center;
}
.Products .chart-tab .chart-content.row-2 {
  top: 164px;
}
.Products .chart-tab .chart-content .btn-1 {
  width: 180px;
  line-height: 26px;
  padding: 7px 20px;
}
.Products .chart-tab .chart-content .btn-1 i {
  width: 30px;
  height: 25px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  position: relative;
  top: -2px;
  margin-right: 10px;
}
.Products .chart-tab .chart-content .title {
  font-size: 16px;
  color: #7b7b7b;
  margin-bottom: 16px;
}
.Products .chart-tab .chart-content .title.row-2 {
  margin-bottom: 0px;
}
.Products .chart-tab .chart-content .chart-val div {
  display: inline;
}
.Products .chart-tab .chart-content .chart-val .val {
  display: inline-block;
  font-size: 30px;
  color: #000000;
  margin-bottom: 20px;
  cursor: pointer;
}
.Products .chart-tab .chart-content .chart-val .val.row-2 {
  margin-bottom: 5px;
  font-size: 20px;
}
.Products .chart-tab .chart-content .chart-val .val.defaultCursor {
  cursor: default;
}
.Products .chart-tab .chart-content .chart-val .small {
  font-size: 24px;
}
.Products .chart-tab .chart-content .chart-val .small.row-2 {
  font-size: 16px;
  margin-bottom: 5px;
}
.Products .chart-tab .account-name {
  display: inline-block;
  font-size: 18px;
  color: #000000;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}
.Products .chart-tab .acc-icon {
  display: inline-block;
  float: left;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 10px;
  background-size: contain;
}
.Products .chart-tab .icon-2 {
  float: right;
  margin-left: 10px;
  cursor: pointer;
}
.Products .chart-tab .slick-slide .slide-inner {
  opacity: 0;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.Products .chart-tab .slick-slide.slick-active .slide-inner {
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.Products .chart-tab .slick-dots {
  width: 100%;
  position: absolute;
  bottom: 9px;
  height: 19px;
}
.Products .chart-tab .slick-dots li {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #CACACA;
  cursor: pointer;
  margin: 4px;
}
.Products .chart-tab .slick-dots li button {
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  border: none;
}
.Products .chart-tab .slick-dots li.slick-active {
  background: #000000;
}
.Products .chart-tab .chart-wrap {
  width: 100%;
  position: relative;
  top: -50px;
}
.Products .chart-tab .chart-wrap .gauge-chart {
  width: 600px !important;
  height: 370px !important;
  margin: 0 auto;
}
.Products .currencySelect {
  padding-right: 15px;
  position: relative;
}
.Products .currencySelect:after {
  transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border: 0;
  background: none;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  top: 11px;
  right: 0;
}
.Products .currencySelect .selected-currency {
  cursor: pointer;
}
.Products .value-menu {
  position: absolute;
  right: 160px;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
  padding: 2px 10px;
  background-color: #FFFFFF;
  z-index: 1;
  max-height: 105px;
  overflow: auto;
  box-sizing: border-box;
}
.Products .value-menu li {
  transition: all 0.2s ease;
  font-size: 14px;
  border: none !important;
  padding: 2px 5px;
  color: #000000;
  cursor: pointer;
}
.Products .value-menu li:hover {
  color: #ffe082;
}
.Products .chart-content .value-menu {
  right: 10px;
  top: 20px;
}
.Products .chart-content .currencySelect:after {
  top: 17px;
}
.Products .list-item.row-1 {
  cursor: default;
}
.Products .list-item.row-1.selected, .Products .list-item.row-1:hover {
  background: transparent;
}
.Products .list-item.row-1 .float50 {
  width: 45%;
  float: right;
}
.Products .pointer {
  cursor: pointer;
}

/*#endregion Products*/
/*#region flags*/
.FXTradingCalculator .EUR,
.CurrencyExchangeV2 .currency-flag.EUR:before {
  background-image: url(images/icons/eu-flag.png);
}

.FXTradingCalculator .USD,
.CurrencyExchangeV2 .currency-flag.USD:before {
  background-image: url(images/icons/us-flag.png);
}

.FXTradingCalculator .CHF,
.CurrencyExchangeV2 .currency-flag.CHF:before {
  background-image: url(images/icons/swiss-flag.png);
}

.FXTradingCalculator .GBP,
.CurrencyExchangeV2 .currency-flag.GBP:before {
  background-image: url(images/icons/uk-flag.png);
}

.FXTradingCalculator .AUD,
.CurrencyExchangeV2 .currency-flag.AUD:before {
  background-image: url(images/icons/aus-flag.png);
}

.FXTradingCalculator .RUB,
.CurrencyExchangeV2 .currency-flag.RUB:before {
  background-image: url(images/icons/rus-flag.png);
}

.FXTradingCalculator .SEK,
.CurrencyExchangeV2 .currency-flag.SEK:before {
  background-image: url(images/icons/swe-flag.png);
}

.FXTradingCalculator .CAD,
.CurrencyExchangeV2 .currency-flag.CAD:before {
  background-image: url(images/icons/cad-flag.png);
}

.FXTradingCalculator .DKK,
.CurrencyExchangeV2 .currency-flag.DKK:before {
  background-image: url(images/icons/dan-flag.png);
}

.FXTradingCalculator .JPY,
.CurrencyExchangeV2 .currency-flag.JPY:before {
  background-image: url(images/icons/jap-flag.png);
}

.FXTradingCalculator .NOK,
.CurrencyExchangeV2 .currency-flag.NOK:before {
  background-image: url(images/icons/nr-flag.png);
}

.FXTradingCalculator .HUF,
.CurrencyExchangeV2 .currency-flag.HUF:before {
  background-image: url(images/icons/hun-flag.png);
}

.FXTradingCalculator .RSD,
.CurrencyExchangeV2 .currency-flag.RSD:before {
  background-image: url(images/icons/srb-flag.png);
}

.FXTradingCalculator .HRK,
.CurrencyExchangeV2 .currency-flag.HRK:before {
  background-image: url(images/icons/cro-flag.png);
}

/*#endregion flags*/
/*#region tabs*/
/*
.k-tabstrip {

    .k-tabstrip-items {
        .k-item {
            display: inline-block;
            font-size: 14px;
            text-align: center;
            width: 50%;
            padding: 0 7px 8px 7px;
            box-sizing: border-box;
            border-bottom: 1px solid #c3c3c3;


            .k-link {
                color: #9b9b9c;

                &:hover {
                    text-decoration: none;
                    cursor: pointer;
                    color: $color-29;
                }
            }

            &.k-state-active {
                border-bottom: 2px solid $color-29;

                .k-link {
                    color: $color-29;
                }
            }

            &:hover {
                border-bottom: 2px solid $color-29;

                .k-link {
                    color: $color-29;
                }
            }
        }
    }

    &:focus {
        outline: none;
    }

    .s-widget-header {
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: 23px 23px;
    }
}

.inline-tabs {
    .k-tabstrip {
        .k-tabstrip-items {
            .k-item {
                width: auto;
                padding: 10px 35px;
                font-size: 16px;
            }
        }
    }
}
*/
.fast-payment-zone .s-widget-header.zone-header {
  position: relative;
  background-image: url(images/icons/payments_d.png);
  background-size: 24px;
  background-position: 18px 14px;
}
.fast-payment-zone .s-widget-header.zone-header .zone-filter {
  position: absolute;
  right: 20px;
  top: 15px;
  width: 36px;
  height: 26px;
  background-image: url(images/icons/filter-1.png);
  background-repeat: no-repeat;
  border: 2px solid #CFD0D2;
  border-radius: 13px;
  background-size: 14px;
  box-sizing: border-box;
  background-position: center;
  cursor: pointer;
}
.fast-payment-zone .s-widget-header.zone-header .zone-filter:hover {
  border-color: #494f5a;
  background-image: url(images/icons/filter-2.png);
}
.fast-payment-zone .filterArea {
  display: none;
}
.fast-payment-zone .filterArea input {
  padding: 13px 15px 4px 15px;
  line-height: 23px;
  font-family: "futura", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #494f5a;
  border-radius: 0;
  box-sizing: border-box;
  width: 92%;
  display: block;
  margin: 0 auto 10px auto;
  border: solid 1px #d1d1d1;
}
.fast-payment-zone .filterArea span {
  font-size: 16px;
  color: #7b7b7b;
  background: #FFFFFF;
  position: relative;
  top: 10px;
  left: 30px;
  padding: 0 10px;
}
.fast-payment-zone .k-link {
  font-size: 16px;
}
.fast-payment-zone .k-tabstrip-items {
  padding-top: 10px;
}
.fast-payment-zone .CreditorTemplateManaging .mode-stack {
  display: none;
}
.fast-payment-zone .CreditorTemplateManaging .gvTemplateList tr {
  height: 67px;
}

.exchange-zone .s-widget-header {
  background-image: url(images/icons/icon-exchange-office_d.png);
  background-size: 25px;
  background-position: 20px 15px;
}
.exchange-zone .s-widget-body {
  min-height: 252px;
}
.exchange-zone .k-link {
  font-size: 16px;
}
.exchange-zone .k-tabstrip-items {
  padding-top: 10px;
}

.payment-overview-zone {
  position: relative;
}
.payment-overview-zone .s-widget-header {
  background-image: url(images/icons/icon-last-trans.png);
  background-position: 20px 17px;
}
.payment-overview-zone .k-tabstrip .k-tabstrip-items .k-item:not(.k-state-active) {
  border-bottom: none;
}

.statements-zone {
  visibility: hidden;
  position: relative;
}
.statements-zone .s-widget-header {
  background-image: url(images/icons/cards_d.png);
  background-size: 30px;
  background-position: 20px 13px;
}
.statements-zone .filter-dialog-button {
  right: 30px;
}

.PersonalDataV2.s-widget {
  background-color: transparent !important;
}
.PersonalDataV2 .s-widget-body {
  min-height: 300px;
}
.PersonalDataV2 .package-info .my-account-info-wrapper.space-between {
  padding-right: 0px !important;
}
.PersonalDataV2 .package-info .my-account-info-wrapper.space-between a {
  border-radius: 50%;
  transition: all 0.5s;
}
.PersonalDataV2 .package-info .my-account-info-wrapper.space-between a svg {
  stroke: #52AE30;
}
.PersonalDataV2 .package-info .my-account-info-wrapper.space-between a:hover {
  background-color: #52AE30;
}
.PersonalDataV2 .package-info .my-account-info-wrapper.space-between a:hover svg {
  stroke: #FFFFFF;
}

.mobilePhoneField {
  min-height: 45px;
}

.mobilePrefix-contentData {
  float: left;
  color: #7b7b7b;
}

.newMobileNumber-contentData {
  float: left;
  max-width: 250px;
  line-height: 24px !important;
  border: none;
}

.profile-zone {
  /* .k-tabstrip {
      .k-tabstrip-items {
          border-bottom: 2px solid $color-22;
          padding-left: 100px;
          margin-top: 90px;

          .k-item {
              padding: 15px 40px;
          }

          .k-item:not(.k-state-active) {
              border-bottom: none;
          }
      }
  }*/
}
.profile-zone .profile-zone-header {
  padding: 70px 100px 0 100px;
}
.profile-zone .attachment-card {
  max-width: 345px;
  padding-left: 50px;
}
.profile-zone .attachment-card:before {
  top: 50%;
  width: 40px;
  height: 40px;
  left: 5px;
}
.profile-zone .s-widget-body {
  min-height: 200px;
}
.profile-zone .contact-data {
  padding: 70px 100px 60px 100px;
}
.profile-zone .user-profile-wrap {
  position: relative;
  padding-left: 145px;
}
.profile-zone .user-profile-wrap a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 16px;
  color: #000000;
  border-bottom: 1px solid #000000;
  margin-bottom: 20px;
}
.profile-zone .user-profile-wrap a:hover {
  color: #0095c9;
  border-color: #0095c9;
}
.profile-zone .user-profile-wrap .user-profile-tag {
  border-radius: 50%;
  width: 115px;
  height: 115px;
  background-color: #0095c9;
  color: #FFFFFF;
  font-size: 43px;
  text-transform: uppercase;
  text-align: center;
  line-height: 115px;
  vertical-align: middle;
  position: absolute;
  left: 0;
}
.profile-zone .user-profile-wrap .user-profile-tag.transparent {
  background-color: transparent !important;
}
.profile-zone .user-profile-wrap .user-profile-tag img {
  border-radius: 100%;
  width: 115px;
  height: 115px;
  margin: 0 auto;
  display: block;
}
.profile-zone .user-profile-wrap .user-profile-title {
  font-size: 30px;
  color: #000000;
  margin-bottom: 5px;
}
.profile-zone .user-profile-wrap .user-profile-info {
  font-size: 14px;
  color: #000000;
  line-height: 16px;
  margin-bottom: 0;
  position: relative;
  top: 10px;
}
.profile-zone .user-profile-wrap .user-profile-info span {
  position: relative;
  font-size: 12px;
  color: #7b7b7b;
  margin: 0 10px;
}
.profile-zone .user-profile-wrap .user-profile-info span:nth-child(2) {
  margin-left: 0;
}
.profile-zone .user-profile-wrap .user-profile-info > span:not(.noLine):after {
  top: 50%;
  transform: translateY(-50%);
  right: -13px;
  position: absolute;
  content: "";
  width: 2px;
  height: 10px;
  background-color: #0095c9;
}
.profile-zone .tabs-dropdown {
  display: none;
}
.profile-zone .change-password-dialog {
  padding: 70px 100px 50px 100px;
  box-sizing: border-box;
}
.profile-zone .change-password-dialog .uk-width-3-6 {
  display: inline-block;
  padding-left: 35px;
  width: 49%;
  box-sizing: border-box;
}
.profile-zone .change-password-dialog .custom-form {
  margin-left: -35px;
  padding-top: 0;
}

.exchange-office-zone .s-widget {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/*#endregion tabs*/
/*#region mCustomScrollbar*/
.s-widget .mCSB_inside > .mCSB_container {
  margin-right: 5px;
}
.s-widget .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.1);
}
.s-widget .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #333333;
}

/*#endregion mCustomScrollbar*/
/*#region Chart*/
/*.exchange-office-zone {*/
.Chart {
  display: none;
}
.Chart #chartTypes {
  display: none;
}
.Chart .chartView {
  padding: 0 50px 40px 50px;
  box-sizing: border-box;
}
.Chart .noData {
  margin: auto auto 30px 50px;
}

.currencyChart .highcharts-xaxis-labels span {
  width: 44px !important;
}

/*}*/
/*#endregion Chart*/
/*#region Securities*/
.ticker-zone {
  width: calc(100% + 40px) !important;
  margin-top: -20px;
  margin-left: -20px;
}
.ticker-zone .SecuritiesTicker .s-widget-body {
  min-height: 48px;
  padding: 15px 0;
}

.SecuritiesAccountBalance .clientGrid thead th,
.SecuritiesOrderConfirmationPreview .clientGrid thead th,
.SecuritiesOrderPreview .clientGrid thead th,
.SecuritiesAccountTurnover .clientGrid thead th {
  text-transform: none !important;
  font-size: 14px !important;
  text-align: left;
  vertical-align: middle;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #7b7b7b !important;
  line-height: 16px !important;
  font-family: "futura", sans-serif !important;
  font-weight: 500 !important;
}
.SecuritiesAccountBalance .clientGrid td,
.SecuritiesOrderConfirmationPreview .clientGrid td,
.SecuritiesOrderPreview .clientGrid td,
.SecuritiesAccountTurnover .clientGrid td {
  line-height: normal;
}
.SecuritiesAccountBalance .clientGrid th:nth-child(2),
.SecuritiesOrderConfirmationPreview .clientGrid th:nth-child(2),
.SecuritiesOrderPreview .clientGrid th:nth-child(2),
.SecuritiesAccountTurnover .clientGrid th:nth-child(2) {
  padding-left: 20px;
  max-width: 200px !important;
}

.SecuritiesAccountTurnover .clientGrid thead th.align-right,
.SecuritiesAccountTurnover .clientGrid td.align-right {
  text-align: right !important;
  padding-right: 15px;
}

.SecuritiesAccountBalance {
  position: relative;
  display: none;
}
.SecuritiesAccountBalance .clientGrid tbody .sell-button {
  border: none;
  background: transparent;
  color: #0095c9;
  text-transform: uppercase;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
  float: right;
}
.SecuritiesAccountBalance .clientGrid th:nth-child(9) {
  max-width: 80px !important;
}

.SecuritiesAccountTurnover {
  position: relative;
  display: none;
}
.SecuritiesAccountTurnover .s-widget-body[style="position: relative;"] .widget-options.print {
  visibility: hidden;
}
.SecuritiesAccountTurnover .s-widget-body {
  padding-top: 15px;
}
.SecuritiesAccountTurnover .clientGrid td {
  padding: 11px 10px 11px 5px;
}

.SecuritiesOrderConfirmationPreview .clientGrid th:last-child,
.SecuritiesOrderConfirmationPreview .clientGrid td:last-child {
  text-align: right;
  padding-right: 20px;
}
.SecuritiesOrderConfirmationPreview .tableFilter {
  border: none;
}

.SecuritiesOrderPreview .s-widget-button-filter {
  display: table-cell !important;
}
.SecuritiesOrderPreview .clientGrid {
  position: relative;
}
.SecuritiesOrderPreview .blueBorder:after,
.SecuritiesOrderPreview .redBorder:after,
.SecuritiesOrderPreview .greenBorder:after {
  position: absolute;
  content: "";
  left: 0;
  width: 6px;
  height: 67px;
}
.SecuritiesOrderPreview .blueBorder:after {
  background-color: #0095c9;
}
.SecuritiesOrderPreview .redBorder:after {
  background-color: #e23939;
}
.SecuritiesOrderPreview .greenBorder:after {
  background-color: #9CCC66;
}
.SecuritiesOrderPreview .withdraw-button {
  text-transform: uppercase;
  color: #0095c9;
}

/*#endregion Securities*/
/*#region Tokens*/
.TokenList .token {
  position: relative;
  padding: 20px 160px;
  padding-right: 100px;
  border-bottom: 2px solid #EFEFEF;
}
.TokenList .token i {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 45px;
  height: 45px;
  left: 85px;
  background-position: center;
  background-repeat: no-repeat;
}
.TokenList .token .title {
  font-size: 18px;
  color: #000000;
  letter-spacing: -0.5px;
  margin-bottom: 10px;
}
.TokenList .token .text {
  font-size: 14px;
  color: #7b7b7b;
  margin: 0;
}
.TokenList .token .button {
  margin-left: 20px;
  min-width: 125px;
}
.TokenList .token .button-wrap {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  display: inline-block;
  right: 100px;
}
.TokenList .inner-padding-5 {
  padding: 50px 100px 50px 100px;
}

/*#endregion Tokens*/
.headingActive {
  transition: all 1s ease;
}
.headingActive.active {
  font-size: 40px;
}

/*#region PersonalSettings*/
.PersonalSettingsV4 .inner {
  padding-left: 100px;
  padding-right: 100px;
}
.PersonalSettingsV3 .inner {
  max-width: 571px;
  margin: 0 auto;
}
.PersonalSettingsV3 .inner .page-text,
.PersonalSettingsV3 .inner .group-title {
  text-align: left;
}
.PersonalSettingsV3 .inner .custom-form .group {
  margin-bottom: 0;
}
.PersonalSettingsV3 .inner .custom-form .group-title {
  color: #191e39;
}
.PersonalSettingsV3 .inner .custom-form .group .checkbox-bar {
  padding: 0;
}
.PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label {
  justify-content: space-between;
  align-items: center;
  height: 38px;
  margin-right: 0;
  margin-bottom: 20px;
  padding-right: 0;
  padding-left: 16px;
}
.PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label:last-child {
  margin-bottom: 60px;
}
.PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label span {
  font-size: 15px;
  font-weight: 700;
}
.PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label .custom-checkbox-wrapper {
  width: 50px;
  height: 30px;
  background-color: #E8E9EC;
  border-radius: 20px;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label .custom-checkbox-wrapper.checked {
  background-color: #52AE30;
}
.PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label .custom-checkbox-wrapper.checked .custom-checkbox-pin {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label .custom-checkbox-wrapper .custom-checkbox-pin {
  right: 6px;
  left: auto;
  -webkit-transform: translate(-18px, -50%);
  transform: translate(-18px, -50%);
  background-color: #FFFFFF;
  border: none;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.PersonalSettingsV3 .inner .custom-form .group .input-wrap {
  margin: -40px 0 40px;
  padding: 0;
  background-color: transparent;
  border: none;
}
.PersonalSettingsV3 .inner .custom-form .group .input-wrap .label-1 {
  margin-bottom: 10px;
  text-align: left;
}
.PersonalSettingsV3 .inner .custom-form .group .input-wrap input {
  height: auto;
  padding: 14px;
  border: 1px solid #E8E9EC;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.PersonalSettingsV3 .inner .custom-form .group .input-wrap input:focus {
  border-color: rgba(0, 0, 0, 0.54);
}
.PersonalSettingsV3 .inner .btn-wrapper {
  margin-bottom: 150px;
}
.PersonalSettingsV3 .inner .btn-wrapper.mt-8 {
  margin-top: 80px;
}
.PersonalSettingsV3 .inner .btn-wrapper .btn-submit {
  display: block;
  max-width: 292px;
  margin: 0 auto;
  padding: 15px 28px;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4);
  background-color: #52AE30;
  color: #FFFFFF;
  border-radius: 12px;
  -webkit-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  cursor: pointer;
}
.PersonalSettingsV3 .inner .btn-wrapper .btn-submit:hover {
  box-shadow: 0 0 14px rgba(54, 60, 164, 0.4);
}

/*#endregion PersonalSettings*/
/*#region PFM*/
.Accounts .checkbox {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 20px;
}
.Accounts .custom-checkbox-2 {
  cursor: default;
  width: 30px;
  height: 30px;
}
.Accounts .custom-checkbox-2 .cc-checkbox {
  display: none;
}
.Accounts .custom-checkbox-2 .check {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  position: absolute;
  display: inline-block;
  background-color: #FFFFFF;
  border: 2px solid #D9D9D9;
  width: 18px;
  height: 18px;
}
.Accounts .custom-checkbox-2.checked .check {
  background-image: url(images/icons/check-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
  background-color: #0095c9;
  border-color: #0095c9;
}

.FinanceRules {
  position: relative;
}
.FinanceRules .s-widget-body {
  position: relative;
  overflow: visible;
}
.FinanceRules .s-widget-body-error-summary {
  position: absolute;
  width: 100%;
}
.FinanceRules .wh-button {
  transform: translateY(-100%);
}
.FinanceRules .clientGrid thead {
  display: none;
}
.FinanceRules .clientGrid tbody td:nth-child(2) {
  padding-left: 20px;
}
.FinanceRules .clientGrid tbody td:nth-child(4) {
  padding-right: 20px;
}
.FinanceRules .clientGrid tbody td:nth-child(3), .FinanceRules .clientGrid tbody td:nth-child(4) {
  width: 100px;
}
.FinanceRules .clientGrid tbody td:nth-child(3) div, .FinanceRules .clientGrid tbody td:nth-child(4) div {
  cursor: pointer;
  color: #0095c9;
}

.BudgetList .s-widget-body {
  min-height: 153px;
  overflow: visible;
  position: relative;
}
.BudgetList .noBudgets {
  text-align: center;
  padding: 20px 0 40px 0;
}
.BudgetList .addBudgets {
  transform: translateY(-100%);
}
.BudgetList button.previous, .BudgetList button.next {
  background: white;
  width: 40px;
  height: 40px;
  border: none;
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #d1d1d1;
}
.BudgetList button.previous:hover, .BudgetList button.next:hover {
  border-color: #000000;
}
.BudgetList button.previous {
  background-image: url(images/icons/arrow-blue-l.png);
}
.BudgetList button.next {
  background-image: url(images/icons/arrow-blue-r.png);
}
.BudgetList .clientGrid thead td {
  text-transform: none;
  font-size: 14px;
}
.BudgetList .clientGrid td:nth-child(1) {
  padding-left: 20px;
}
.BudgetList .clientGrid td:nth-child(1), .BudgetList .clientGrid td:nth-child(2) {
  text-align: left;
}
.BudgetList .clientGrid td:nth-child(3), .BudgetList .clientGrid td:nth-child(4), .BudgetList .clientGrid td:nth-child(5) {
  text-align: right;
}
.BudgetList .ui-progressbar {
  border: none !important;
  background: #EFEFEF;
  height: 12px;
  margin: auto;
}
.BudgetList .ui-progressbar .ui-progressbar-value {
  border: none;
  margin: 0;
}
.BudgetList .custom-table .table-row:not(.table-head) {
  border-top: 2px solid #ebeced;
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.BudgetList .custom-table .table-row .text-1 {
  font-size: 14px;
  line-height: 38px;
}
.BudgetList .custom-table .table-row .text-3 {
  line-height: 38px;
  font-size: 18px;
}
.BudgetList .custom-table .table-row .text-3 small {
  font-size: 14px;
}
.BudgetList .custom-table .table-row .text-5 {
  font-size: 16px;
  line-height: 38px;
  overflow: hidden;
}
.BudgetList .custom-table .table-row .tag-col {
  padding-left: 65px;
}
.BudgetList .custom-table .table-row .col {
  display: inline-block;
}
.BudgetList .custom-table .table-row .col.col-ls-3 {
  width: 11.2%;
}
.BudgetList .custom-table .table-row .col .col-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
}
.BudgetList .custom-table .table-row .left {
  text-align: left;
}
.BudgetList .custom-table .table-row .right {
  text-align: right;
}
.BudgetList .custom-table .table-row .tag {
  margin: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  position: absolute;
  left: 15px;
  border: 2px solid #D9D9D9;
  color: #000000;
  font-weight: normal;
  font-size: 16px;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 32px;
}
.BudgetList .custom-table .table-row .progress-bar-2 {
  margin: 14px 0;
}
.BudgetList .custom-table .table-row .category-icon {
  background-repeat: no-repeat;
  background-position: center center;
}
.BudgetList .custom-table .table-row .transaction-btn {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  color: #0095c9;
  line-height: 40px;
  cursor: pointer;
  float: right;
}
.BudgetList .custom-table .no-padd-bot .col {
  padding-bottom: 0;
}
.BudgetList .custom-table .table-head {
  height: 50px;
}

.PfmTurnoverChart {
  font-family: "futura", sans-serif !important;
  background: white;
}
.PfmTurnoverChart .ui-button-text {
  text-align: right;
}
.PfmTurnoverChart .Chart {
  display: block;
}
.PfmTurnoverChart .Chart .s-widget-header {
  height: 50px !important;
  border-left: 0px !important;
  width: 93%;
}
.PfmTurnoverChart #chartMenu {
  position: relative !important;
  text-transform: uppercase;
  left: 43% !important;
  top: 230px !important;
}
.PfmTurnoverChart .filterRegion {
  padding-top: 20px;
  padding-left: 40px;
}
.PfmTurnoverChart .dk-select-options {
  position: absolute;
  z-index: 9999;
}
.PfmTurnoverChart .s-widget-header.icon-coins-3 {
  margin: 0 0 20px 0 !important;
  padding-right: 15px !important;
  background-repeat: no-repeat;
  background-position: 18px 13px;
  border-bottom: 2px solid #EFEFEF;
}
.PfmTurnoverChart .s-widget-body {
  overflow: visible;
}
.PfmTurnoverChart .widget-options.print {
  position: absolute;
  right: 12px;
  top: 390px;
}
.PfmTurnoverChart .FinanceTurnover .clientGrid thead td,
.PfmTurnoverChart .FinanceTurnover .clientGrid thead th {
  color: #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: 100%;
  border: none;
  border-radius: 0;
  background-color: #DBDBDB;
  height: 3px;
}
.splitDialog .custom-dropdown {
  position: absolute;
  right: 55px;
  width: 198px;
  min-height: 29px;
  height: auto;
  top: 13%;
  background-image: url(images/icons/icon-carrot-1.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 11px;
}
.splitDialog .custom-dropdown span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px 15px;
}
.splitDialog .custom-dropdown .ele > span {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}
.splitDialog .remove-button {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #CFD0D2;
  background-position: center;
  background-repeat: no-repeat;
  top: 21px;
  cursor: pointer;
}
.splitDialog .catGrid {
  font-size: 16px;
  background: #FFFFFF;
  position: absolute;
  left: 5px;
  padding: 0px;
  padding-left: 10px;
  letter-spacing: 0.2px;
  margin: 0;
  margin-right: 27px;
}
.splitDialog .catGrid span {
  vertical-align: middle;
}
.splitDialog .catGrid > span {
  white-space: normal !important;
  padding-left: 0px;
  padding-bottom: 0px;
}
.splitDialog .catGrid .options {
  margin-left: -14px !important;
  border-top: none !important;
}
.splitDialog .ele.mainCat, .splitDialog .ele.mainCatSelect {
  padding-right: 28px !important;
}

#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,
  .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,
  .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,
  .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,
  .AccountBalancePreviewV3 .account-icon,
  .LoanBalancePreviewV2 .account-icon,
  .DepositBalancePreviewV2 .account-icon,
  .AccountSlider .account-icon,
  .SecuritiesBalancePreview .account-icon {
    left: 10px;
    display: none;
  }
  .SecuritiesBalancePreview .custom-table .col-ss-12 {
    width: 100%;
    text-align: center;
  }
  .SecuritiesBalancePreview .custom-table .col-mm-12 {
    width: 100%;
  }
  .SecuritiesBalancePreview .custom-table .col-mm-8 {
    width: 66%;
  }
  .SecuritiesBalancePreview .custom-table .col-mm-7 {
    width: 58%;
  }
  .SecuritiesBalancePreview .custom-table .col-mm-5 {
    width: 41%;
  }
  .SecuritiesBalancePreview .custom-table .col-mm-4 {
    width: 33%;
  }
  .SecuritiesBalancePreview .custom-table .col-mm-3 {
    width: 25%;
  }
  .TokenList .token {
    box-sizing: border-box;
    overflow: hidden;
  }
  .TokenList .token i {
    transform: none;
    top: 20px;
  }
  .TokenList .token .button-wrap {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    position: relative;
    right: auto;
    top: auto;
    float: right;
    margin-top: 20px;
  }
  .Accounts .list-tab .custom-table .account-col {
    width: 100%;
    padding-left: 50px;
  }
  .Accounts .list-tab .custom-table .checkbox {
    left: 10px;
  }
  .Accounts .list-tab .acc-number-col {
    width: 100%;
  }
  .Accounts .list-tab .button-col {
    display: none;
  }
  .support-dialog .support-cards_card {
    width: 100% !important;
  }
  .support-dialog .support-cards_card:nth-child(2) {
    width: 49% !important;
    margin-left: 0% !important;
    margin-top: 2%;
  }
  .support-dialog .support-cards_card:nth-child(3) {
    width: 49% !important;
    margin-left: 2% !important;
    margin-top: 2%;
  }
  .support-dialog .support-questions .col {
    float: none !important;
  }
  .support-dialog .support-questions .acc-name {
    font-size: 15px !important;
    line-height: 20px !important;
    margin-bottom: 10px !important;
  }
  .support-dialog .support-questions .account-box {
    min-height: 63px !important;
  }
  .support-dialog .support-questions .account-box .inner {
    margin-top: 20px;
  }
  .profile-zone .k-tabstrip .k-tabstrip-items .k-link {
    font-size: 14px;
  }
  .profile-zone .user-profile-wrap {
    padding-left: 0;
    padding-top: 115px;
    text-align: center;
  }
  .profile-zone .user-profile-wrap .user-profile-tag {
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    width: 85px;
    height: 85px;
    font-size: 30px;
    line-height: 85px;
  }
  .profile-zone .user-profile-wrap .user-profile-title {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .payment-overview-zone .k-tabstrip .k-link {
    font-size: 14px;
  }
  .payment-slider.type-2 .slider-container {
    padding: 0 20px;
  }
  .payment-slider .slide {
    display: block;
  }
  .payment-slider .slide-left, .payment-slider .slide-right {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  .payment-slider .slider-container {
    padding: 0;
    width: 94%;
    max-width: 300px;
    margin: auto;
  }
  .plan-text .key,
  .plan-text .value {
    float: none;
  }
  .plan-text .key {
    margin-bottom: 10px;
  }
  .PfmTurnoverChart .DateRange {
    width: 100% !important;
  }
  .PfmTurnoverChart .DateRange .filterRegion {
    width: calc(94% - 40px) !important;
  }
  .PfmTurnoverChart .s-widget.Chart {
    width: 100% !important;
  }
  .PfmTurnoverChart #gvFinanceTurnover .clientGrid th :nth-child(3),
  .PfmTurnoverChart #gvFinanceTurnover .clientGrid td :nth-child(3) {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .PaymentLimits .payment-limits .payment-limit-container {
    display: block;
  }
  .PaymentLimits .payment-limits .uk-width-3-6, .PaymentLimits .payment-limits .uk-width-2-6, .PaymentLimits .payment-limits .uk-width-1-6 {
    width: 100%;
  }
  .PaymentLimits .payment-limits .uk-width-2-6, .PaymentLimits .payment-limits .uk-width-1-6 {
    padding-left: 0;
  }
  .PaymentLimits .payment-limits .uk-width-1-6 {
    position: relative;
    top: -20px;
  }
}
@media only screen and (min-width: 801px) {
  .ui-dialog.right-dialog.details-dialog {
    width: 548px !important;
  }
  .ui-dialog.right-dialog.creditor-temlate-dialog, .ui-dialog.right-dialog.short-dialog {
    width: 440px !important;
  }
  .InvestmentFunds .button-col {
    width: 41% !important;
  }
  .InvestmentFunds .account-col {
    width: 59% !important;
  }
}
@media only screen and (max-width: 800px) and (min-width: 601px) {
  .ui-dialog.right-dialog.undue-liabilities-dialog, .ui-dialog.right-dialog.reserved-dialog, .ui-dialog.right-dialog.details-dialog {
    width: 102% !important;
  }
  .InvestmentFunds .button-col {
    width: 41% !important;
  }
  .InvestmentFunds .account-col {
    width: 59% !important;
  }
}
@media only screen and (max-width: 600px) {
  .btnShowCardBalaceGrid {
    width: 100% !important;
    /*right: 0px !important;*/
  }
  .ui-dialog.right-dialog.undue-liabilities-dialog, .ui-dialog.right-dialog.reserved-dialog, .ui-dialog.right-dialog.details-dialog {
    width: 102% !important;
  }
  .ui-dialog.right-dialog.undue-liabilities-dialog .col, .ui-dialog.right-dialog.reserved-dialog .col, .ui-dialog.right-dialog.details-dialog .col {
    padding-left: 0px !important;
    width: 100%;
  }
  .ui-dialog:not(.no-yes-dialog):not(.support-dialog):not(.before-print-dialog):not(.message-hub-dialog) {
    padding: 50px 20px;
  }
  .undue-liabilities-dialog .ui-dialog-buttonset button,
  .reserved-dialog .ui-dialog-buttonset button,
  .short-dialog .ui-dialog-buttonset button,
  .filter-dialog .ui-dialog-buttonset button {
    left: 20px;
  }
  .AccountLastChanges td:nth-child(3) .title {
    max-width: 100% !important;
  }
  .AccountLastChanges td:nth-child(4) {
    width: 30%;
    white-space: nowrap !important;
  }
  .profile-zone .attachment-card {
    max-width: 195px;
    padding-left: 50px;
  }
  .attachment-card span {
    font-size: 11px;
    color: #888888;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 1270px) and (min-width: 951px) {
  .PaymentOrderV3 .custom-form .inner .btnOrderExecute {
    width: 85%;
  }
}
@media only screen and (max-width: 1270px) {
  .PaymentOrderV3 .custom-form .inner {
    width: 100%;
  }
  .PaymentOrderV3 .custom-form .inner .left-col {
    width: 43%;
  }
  .PaymentOrderV3 .custom-form .inner .right-col {
    width: 42%;
  }
  .PaymentOrderV3 .custom-form .inner .checkbox-group {
    display: block;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2.col-fix-size-6 {
    margin-top: -47px;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .check-wrap-1.col {
    width: 100%;
    margin-bottom: 40px;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .check-wrap-1.col.col-fix-size-5 {
    right: 0px;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .info-icon.col {
    right: -8px;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .info-icon.col-2 {
    float: right;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12 {
    width: 100%;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12.col-fix-size-4 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 950px) {
  .PaymentOrderV3 .custom-form .inner {
    width: 81% !important;
  }
  .PaymentOrderV3 .custom-form .inner .left-col {
    width: 100% !important;
  }
  .PaymentOrderV3 .custom-form .inner .right-col {
    width: 100% !important;
    padding-left: 0px;
  }
  .PaymentOrderV3 .custom-form .inner .checkbox-group {
    display: block;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2.col-fix-size-6 {
    margin-top: -47px;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .check-wrap-1.col {
    width: 100%;
    margin-bottom: 40px;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .check-wrap-1.col.col-fix-size-5 {
    right: 0px;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .info-icon.col-fix-size-8 {
    right: 19px;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12 {
    width: 100%;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12.col-fix-size-4 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 720px) {
  .PaymentOrderV3 .custom-form .inner .uk-width-1-6 .input-wrap.type-2 {
    width: 87%;
  }
  .PaymentOrderV3 .custom-form .inner .uk-width-5-6 {
    padding-left: 25px;
  }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12 .input-wrap.type-2 {
    width: 87%;
  }
}
@media only screen and (max-width: 441px) {
  .PaymentOrderV3 .custom-form .inner .input-wrap-payment {
    width: 100%;
  }
  .PaymentOrderV3 .custom-form .inner .uk-width-5-6 {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 440px) {
  .ui-dialog.right-dialog.creditor-temlate-dialog, .ui-dialog.right-dialog.short-dialog, .ui-dialog.right-dialog.filter-dialog {
    width: 100% !important;
  }
}
@media only screen and (max-width: 755px) {
  .widget-tabs.type-2 li a {
    font-size: 14px;
  }
  .widget-tabs.type-4 {
    display: flex;
  }
  .widget-tabs.type-4 li a {
    font-size: 14px;
  }
  .widget-tabs .button-wrap li {
    width: auto;
  }
  .user-profile-wrap .btn-1.color-6 {
    width: 100%;
    float: left;
    margin-left: auto;
    margin-top: 20px;
  }
  .user-profile-wrap img {
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    width: 85px;
    height: 85px;
  }
}
@media only screen and (min-width: 721px) {
  .chart-tab .slick-slide {
    height: 330px;
  }
  .splitDialog .catGrid .options {
    width: 227.7px !important;
  }
  .splitDialog .catGrid .options,
  .PfmTurnoverChart .catGrid .options {
    top: 40px !important;
    left: 9px !important;
  }
}
@media only screen and (max-width: 720px) {
  .CreditorTemplateManaging.dashboard-widget button {
    opacity: 1;
  }
  .CreditorTemplateManaging.dashboard-widget th:last-child,
  .CreditorTemplateManaging.dashboard-widget td:last-child {
    width: 120px;
  }
  .CreditorTemplateManaging:not(.dashboard-widget) .clientGrid .name {
    width: calc(100% - 120px);
  }
  .CreditorTemplateManaging:not(.dashboard-widget) .custom-form {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .CreditorTemplateManaging:not(.dashboard-widget) .custom-form .uk-width-5-6 {
    padding-left: 25px !important;
  }
  .CreditorTemplateManaging .clientGrid .tag {
    margin-right: 0;
    margin-left: 10px;
  }
  .CurrencyExchangeV2 .inner.type-2 {
    padding: 0 20px;
  }
  .CurrencyExchangeV2.dashboard-currency-exchange .clientGrid tr th:nth-child(4),
  .CurrencyExchangeV2.dashboard-currency-exchange .clientGrid tr td:nth-child(4) {
    display: none !important;
  }
  .Products .chart-tab .account-name {
    top: -20px;
  }
  .Products .chart-tab .chart-slider {
    width: 100%;
  }
  .Products .chart-tab .chart-wrap .gauge-chart {
    width: 360px !important;
    height: 260px !important;
  }
  .Products .chart-tab .chart-wrap .chart-content {
    top: 140px;
  }
  .Products .chart-tab .chart-wrap .chart-content .val {
    font-size: 20px;
  }
  .Products .chart-tab .chart-wrap .chart-content .small {
    font-size: 14px;
  }
  .Products .chart-tab .chart-wrap .chart-content .currencySelect:after {
    top: 10px;
  }
  .Products .chart-tab .chart-wrap .chart-content .value-menu {
    right: 0;
  }
  .Products .chart-tab .slick-slide {
    height: 310px;
  }
  .Products .chart-tab .slick-dots {
    width: 100%;
    position: absolute;
    bottom: 9px;
    border: none;
  }
  .Products .chart-tab .slide-inner {
    position: relative;
    top: 20px;
  }
  .Products .chart-tab .acc-nav #arr-prev {
    margin-left: -250px;
  }
  .Products .chart-tab .acc-nav #arr-next {
    margin-right: -250px;
  }
  .profile-zone .profile-zone-header {
    padding-right: 20px;
    padding-left: 20px;
  }
  .profile-zone .contact-data {
    padding-right: 20px;
    padding-left: 20px;
  }
  .profile-zone .change-password-dialog {
    padding-left: 20px;
    padding-right: 20px;
  }
  .profile-zone .change-password-dialog .uk-width-3-6 {
    width: 100%;
  }
  .profile-zone .change-password-dialog .info-icon {
    display: none;
  }
  .Chart .chartView {
    padding: 0 20px;
  }
  .exchange-office-zone .s-widget {
    margin-bottom: 0 !important;
  }
  .FXTradingCurrencyHistory {
    margin-bottom: 0 !important;
  }
  .FXTradingCurrencyHistory .inner.type-2 {
    padding: 0 20px;
  }
  .FXTrading .inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .PaymentLimits .payment-limits {
    padding-left: 20px;
    padding-right: 20px;
  }
  .PaymentLimits .info-icon {
    display: none;
  }
  .TokenList .token {
    padding: 20px 20px 20px 70px;
  }
  .TokenList .token i {
    left: 15px;
  }
  .TokenList .inner-padding-5 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .support-dialog .support-cards_card:nth-child(2), .support-dialog .support-cards_card:nth-child(3) {
    width: 100% !important;
    margin-left: 0% !important;
  }
  .buy-hov-modal .custom-grid.type-2 .col.timeConstraintContainer:nth-child(even) {
    padding-left: 0;
  }
  .buy-hov-modal .hovTypeContainer .custom-radio-1 .radio {
    width: 100% !important;
  }
  .SecuritiesBalancePreview .custom-table .col-ss-6 {
    width: 50%;
  }
  .SecuritiesBalancePreview .custom-table .account-col.type-2 p,
  .SecuritiesBalancePreview .custom-table .ss-center p {
    text-align: center !important;
  }
  .CardPayment .payment-slider,
  .FXTrading .payment-slider,
  .PaymentTransferV2 .payment-slider {
    padding-top: 50px;
  }
  .CardPayment .custom-form .inner,
  .FXTrading .custom-form .inner,
  .PaymentTransferV2 .custom-form .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .P2PPaymentTransfer .p2pConfirmation,
  .P2PPaymentTransfer .custom-form .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .P2PPaymentTransfer .payment-slider {
    padding-top: 56px;
  }
  .InflowsOverview .widget-tabs {
    display: flex;
    text-align: center;
    font-size: 14px;
  }
  .col-fix-size-1, .col-fix-size-2 {
    max-width: 100%;
    width: 100% !important;
  }
  .col-ss-1 {
    width: 8.33333333%;
  }
  .col-ss-2 {
    width: 16.66666667%;
  }
  .col-ss-3 {
    width: 25%;
  }
  .col-ss-4 {
    width: 33.33333333%;
  }
  .col-ss-5 {
    width: 41.66666667%;
  }
  .col-ss-6 {
    width: 50%;
  }
  .col-ss-7 {
    width: 58.33333333%;
  }
  .col-ss-8 {
    width: 66.66666667%;
  }
  .col-ss-9 {
    width: 75%;
  }
  .col-ss-10 {
    width: 83.33333333%;
  }
  .col-ss-11 {
    width: 91.66666667%;
  }
  .col-ss-12 {
    width: 100%;
  }
  .col-ss-hidden {
    display: none !important;
  }
  .custom-table .col-text.text-5 {
    font-size: 12px !important;
  }
  /*Payments*/
  .widget-payment .page-container {
    padding: 10px 2% 0 2%;
  }
  .widget.widget-payment {
    padding-bottom: 20px;
  }
  .group-inner .info-wrap {
    display: none;
  }
  .form-actions {
    position: static;
    width: 100%;
  }
  .form-actions .btn-1 {
    width: 100%;
    margin-bottom: 10px;
  }
  .account-slat-1 .col-4 .btn-1 {
    min-width: 70px;
  }
  .dps .account-list .drag-padding-ls {
    padding-right: 20px;
  }
  .payment-options .hidden-content ul {
    zoom: 1;
  }
  .payment-options .hidden-content ul:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: ".";
  }
  .payment-options .hidden-content li {
    float: left;
    width: 31.33%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .payment-options .hidden-content li:not(:last-child) {
    margin-right: 3%;
  }
  .payment-options .hidden-content li a {
    min-height: 160px;
    padding: 10px;
  }
  .payment-account .col-left, .payment-account .col-right {
    width: 100%;
  }
  .payment-account .col-right {
    width: 100%;
  }
  .payment-account .col-right p {
    opacity: 1;
    text-align: right;
  }
  .widget-payment .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .widget-payment .inner.type-2 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .custom-form .group {
    width: 100%;
  }
  .custom-form .group .info-icon {
    display: none;
  }
  .custom-form div[class^=uk-width] {
    width: 100%;
  }
  .message-controls .msg-button {
    position: relative;
    padding: 15px 7px;
    font-size: 14px;
    min-height: 48.5px;
    box-sizing: border-box;
  }
  .message-controls .msg-button span {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
  }
  .message-controls .msg-button span i {
    display: none;
  }
  .message-controls .checkbox {
    left: 10px;
  }
  .message .title {
    font-size: 14px;
    line-height: 16px;
  }
  .message .title span {
    font-size: 13px;
  }
  .splitDialog .subcategory-row {
    position: static;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .splitDialog .input-wrap,
  .splitDialog .remove-button,
  .splitDialog .drag-bar {
    position: relative !important;
    display: inline-block !important;
  }
  .splitDialog .drag-bar {
    width: calc(100% - 221px) !important;
    left: 20px !important;
    top: 50px !important;
  }
  .splitDialog .remove-button {
    float: right;
    top: -121px;
  }
  .splitDialog .options,
  .splitDialog .custom-dropdown {
    display: block;
    position: relative !important;
    margin-top: 20px;
    margin-left: 53px;
    width: 95% !important;
  }
  .splitDialog .catGrid {
    width: 80%;
  }
  .splitDialog .options {
    top: -5px !important;
    left: 0px !important;
    width: 125% !important;
  }
  .ss-left {
    text-align: left !important;
  }
  .ss-center {
    text-align: center !important;
  }
}
@media only screen and (max-width: 600px) {
  /*dialog*/
  .ui-dialog.no-yes-dialog {
    width: 100vw !important;
    height: auto;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
  }
  .monthlyBillDialog .blueHover.custom-grid.type-2 .col:nth-child(even) {
    width: 100%;
    float: none;
  }
  .Products .chart-tab .acc-nav .nav-arr {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
  .Products .chart-tab .acc-nav #arr-prev {
    margin-left: 0;
    left: 10px;
  }
  .Products .chart-tab .acc-nav #arr-next {
    margin-right: 0;
    right: 10px;
  }
  .Products .list-tab .custom-table .col {
    padding: 4px 15px;
  }
  .Products .list-tab .custom-table .acc-number-col {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  .Products .list-tab .custom-table .button-col {
    width: 100%;
  }
  .Products .list-tab .custom-table .button-col .btn-1 {
    width: 100%;
    position: static;
    top: 0;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .Products .list-tab .custom-table p {
    text-align: center !important;
  }
  .Products .value-menu {
    right: 10px;
  }
  .InvestmentFunds .account-col {
    width: 100% !important;
  }
  .InvestmentFunds .custom-table .list-item .left,
  .InvestmentFunds .custom-table .list-item .p,
  .CardBalancePreviewV2 .custom-table .list-item .left,
  .CardBalancePreviewV2 .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,
  .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,
  .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,
  .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,
  .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,
  .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,
  .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,
  .AccountBalancePreviewV3 .account-icon,
  .LoanBalancePreviewV2 .account-icon,
  .DepositBalancePreviewV2 .account-icon,
  .AccountSlider .account-icon,
  .SecuritiesBalancePreview .account-icon {
    left: 10px;
  }
  .SecuritiesBalancePreview .custom-table .has-button .btn-1 {
    display: block;
    position: static;
    margin: 10px 0;
    width: 100%;
  }
  .SecuritiesBalancePreview .custom-table .col-xs-6 {
    width: 50%;
  }
  .SecuritiesBalancePreview .custom-table .col-xs-12 {
    width: 100%;
  }
  .SecuritiesBalancePreview .custom-table .right {
    text-align: right !important;
  }
  .SecuritiesBalancePreview .custom-table .xs-left {
    text-align: left !important;
  }
  .SecuritiesBalancePreview .custom-table .xs-center p {
    text-align: center !important;
  }
  .CardStatements .clientGrid td:nth-child(3),
  .CardStatements .clientGrid th:nth-child(3) {
    display: none;
  }
  .CardStatements .clientGrid td {
    font-size: 12px;
  }
  .CardStatements .clientGrid td:nth-child(5) {
    width: 60px !important;
  }
  .CardStatements .clientGrid td .text {
    display: none;
  }
  .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid tbody td:not(:nth-child(2)) {
    font-size: 12px !important;
  }
  .Accounts .list-tab .custom-table .col {
    padding: 4px 15px;
  }
  .Accounts .list-tab .custom-table .account-col p,
  .Accounts .list-tab .custom-table .acc-num {
    text-align: center !important;
  }
  .Accounts .list-tab .custom-table .acc-title {
    padding-left: 20px;
  }
  .FXTradingCurrencyHistory .date-container {
    display: block !important;
  }
  .profile-zone .tabs-dropdown {
    display: inherit;
    padding: 30px 20px 0 20px;
    border-bottom: 2px solid #EFEFEF;
  }
  .profile-zone .tabs-dropdown .dd-title {
    display: block;
    position: relative;
    font-size: 30px;
    cursor: pointer;
    margin-bottom: 20px;
  }
  .profile-zone .tabs-dropdown .dd-title:before {
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 0;
    height: 0;
    border: 0;
    background: none;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    right: 15px;
  }
  .profile-zone .tabs-dropdown .widget-tabs {
    border: none;
    margin-bottom: 0;
  }
  .profile-zone .tabs-dropdown .widget-tabs li {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    box-sizing: border-box;
  }
  .profile-zone .tabs-dropdown .widget-tabs li:hover:after {
    height: 0;
  }
  .profile-zone .tabs-dropdown .widget-tabs li a {
    font-size: 20px;
  }
  .profile-zone .tabs-dropdown .widget-tabs li a:hover {
    cursor: pointer;
  }
  .payment-overview-zone .k-tabstrip .k-tabstrip-items .k-item {
    display: block;
    text-align: left;
    border-bottom: none;
  }
  .payment-overview-zone .k-tabstrip .k-tabstrip-items .k-item .k-link {
    font-size: 20px;
  }
  .payment-slider {
    /*padding-top: 100px;*/
  }
  .payment-slider .slide-control {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    top: 20px;
    width: 50px;
    height: 50px;
    display: none !important;
  }
  .payment-slider .slide-prev, .payment-slider .slide-next {
    visibility: hidden;
  }
  .payment-slider .slide-prev {
    left: auto;
    right: 100px;
  }
  .payment-slider .slide-next {
    right: 30px;
  }
  .payment-slider .tag-title {
    font-size: 22px;
    line-height: 35px;
    padding-left: 0;
  }
  .widget-payment .inner.type-2 {
    padding: 0 20px;
  }
  .widget-links .link {
    font-size: 16px;
    padding: 20px 20px;
  }
  .widget-links .icon {
    right: 20px;
  }
  .clientGrid thead th,
  .clientGrid thead td {
    font-size: 12px !important;
  }
  .custom-table .col {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media only screen and (max-width: 500px) {
  .ui-dialog.info-dialog.error-dialog, .ui-dialog.error-dialog.information, .ui-dialog.info-dialog.success-dialog, .ui-dialog.success-dialog.information {
    width: auto !important;
  }
}
@media only screen and (max-width: 450px) {
  .btn-1.color-6.messahe-hub {
    width: 100%;
    margin-top: 15px;
  }
  .input-wrap.message-hub {
    width: 100%;
    margin-top: 15px;
  }
  .bills-list .expand-trigger {
    left: auto;
    right: 0;
  }
  .bills-list .checkbox-1 {
    left: 0;
  }
  .bills-list .col-tag {
    padding-left: 26px;
  }
  .bills-list .col-buttons .text-3 {
    padding-left: 10px;
    font-size: 18px;
  }
  .bills-list .row-1:before {
    left: auto;
    right: 0;
  }
  .bills-list .logo-icon-2 {
    width: 20px;
    height: 20px;
    top: 12px;
    right: 16px;
    background-size: 16px;
  }
  .custom-options a {
    font-size: 14px;
  }
  .message.attachment {
    padding-right: 70px;
    background-size: 12px;
    background-position: calc(100% - 5px) 5px;
  }
  .message .title {
    font-size: 12px;
    line-height: 14px;
  }
  .Products .chart-tab .chart-wrap .gauge-chart {
    width: 250px !important;
    height: 180px !important;
  }
  .Products .chart-tab .chart-wrap .chart-content {
    top: 115px;
  }
  .Products .chart-tab .slick-slide {
    height: 290px;
  }
  .Products .chart-tab .icon-2 {
    margin-left: 5px;
  }
  .Products .chart-tab .acc-icon {
    margin-right: 5px;
  }
  .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid tbody td:nth-child(2) {
    font-size: 12px !important;
  }
  .TokenList .token .button-wrap {
    display: block;
    width: 100%;
  }
  .TokenList .token .button-wrap .button {
    width: calc(50% - 10px);
    font-size: 12px;
    margin-left: 10px;
    min-width: auto;
  }
  .TokenList .token .button-wrap .button:first-child {
    margin-left: 0;
  }
  .CreditorTemplateManaging button.edit, .CreditorTemplateManaging button.delete {
    font-size: 14px;
  }
  .UserInfo .s-widget-body .heading {
    font-size: 14px;
  }
  .FXTradingCalculator .currency.currency-left {
    padding-left: 20px;
  }
  .FXTradingCalculator .currency.currency-right {
    padding-right: 20px;
  }
  .FinanceRules .clientGrid tbody td:nth-child(2) {
    line-height: 20px;
  }
  .FinanceRules .clientGrid tbody td:nth-child(3),
  .FinanceRules .clientGrid tbody td:nth-child(4) {
    font-size: 14px;
    width: 70px;
  }
  .clientGrid tbody tr td {
    font-size: 14px;
  }
  .clientGrid tbody tr td .title {
    font-size: 14px;
  }
  .clientGrid tbody tr td .value {
    font-size: 14px;
  }
  .ui-dialog.right-dialog {
    margin-right: 0 !important;
  }
  .s-widget {
    background-position-x: 17px;
  }
  .s-widget-header {
    padding-left: 10px;
  }
  .fast-payment-zone .s-widget-header.zone-header {
    background-position-x: 10px;
  }
  .exchange-zone .s-widget-header {
    background-position-x: 10px;
  }
  .payment-overview-zone .s-widget-header {
    background-position-x: 11px;
  }
  .statements-zone .s-widget-header {
    background-position-x: 7px;
  }
  .CardBalancePreviewV2 {
    background-position-x: 12px !important;
  }
  .input-select-wrap.type-2 {
    padding-right: 0;
  }
  .input-select-wrap.type-2 .select-4 {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    position: relative;
  }
  .BudgetList .custom-table .text-1,
  .BudgetList .custom-table .text-2,
  .BudgetList .custom-table .text-3,
  .BudgetList .custom-table small {
    font-size: 12px !important;
  }
  .BudgetList .custom-table .transaction-btn {
    font-size: 14px !important;
  }
  .buy-hov-modal .custom-radio-1 .radio.has-input-2 {
    padding-right: 20px;
  }
  .buy-hov-modal .custom-radio-1 .radio.has-input-2 .input-wrap {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    position: relative;
    top: auto;
    right: auto;
    max-width: none;
    margin-top: 20px;
  }
  .buy-hov-modal .modal-inner-content {
    padding: 30px 30px 0 30px;
  }
}
/*#endregion responsive*/
.payment-slider.type-2 .slick-track,
.payment-slider.type-2 .slick-track .slick-slide {
  width: 100% !important;
}

.tempName {
  font-family: "futura", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #494f5a;
  border-radius: 0;
  box-sizing: border-box;
  width: 95%;
  display: block;
  border: none;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  overflow: visible;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000 !important;
}

/*test*/
.app-version {
  position: absolute;
  right: 10px;
  bottom: 5px;
  color: #666;
  font-style: italic;
  font-size: 0.9em;
}

.predodobreni-krediti {
  /* Calendar style */
  /* Data processing */
  /* ==================================================
      =Media Queries
  ===================================================== */
}
.predodobreni-krediti * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.predodobreni-krediti span.alpaca-field {
  display: block;
  vertical-align: middle;
}
.predodobreni-krediti .widget {
  padding-bottom: 1px;
}
.predodobreni-krediti html .ui-autocomplete {
  font-family: "futura", sans-serif;
  font-size: 16px;
  background-color: #FFFFFF;
}
.predodobreni-krediti html .ui-state-focus,
.predodobreni-krediti html .ui-widget-content .ui-state-focus {
  background-color: #fffee6;
  border: 0;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
}
.predodobreni-krediti .row-grid {
  zoom: 1;
  margin-left: -18px;
}
.predodobreni-krediti .row-grid:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.predodobreni-krediti .row-grid > * {
  padding-left: 18px;
  box-sizing: border-box;
}
.predodobreni-krediti .col {
  float: left;
  min-height: 1px;
}
.predodobreni-krediti .col-ls-1 {
  width: 8.3333333333%;
}
.predodobreni-krediti .col-ls-2 {
  width: 16.6666666667%;
}
.predodobreni-krediti .col-ls-3 {
  width: 25%;
}
.predodobreni-krediti .col-ls-4 {
  width: 33.3333333333%;
}
.predodobreni-krediti .col-ls-5 {
  width: 41.6666666667%;
}
.predodobreni-krediti .col-ls-6 {
  width: 50%;
}
.predodobreni-krediti .col-ls-7 {
  width: 58.3333333333%;
}
.predodobreni-krediti .col-ls-8 {
  width: 66.6666666667%;
}
.predodobreni-krediti .col-ls-9 {
  width: 75%;
}
.predodobreni-krediti .col-ls-10 {
  width: 83.3333333333%;
}
.predodobreni-krediti .col-ls-11 {
  width: 91.6666666667%;
}
.predodobreni-krediti .col-ls-12 {
  width: 100%;
}
.predodobreni-krediti a {
  font-size: inherit;
  color: inherit;
}
.predodobreni-krediti input:focus,
.predodobreni-krediti button:focus,
.predodobreni-krediti textarea:focus {
  outline: none;
}
.predodobreni-krediti .icon-shoppingcart {
  background-image: url(images/krediti/icon-shoppingcart.png);
  background-size: 40px;
}
.predodobreni-krediti .icon-mobile {
  background-image: url(images/krediti/icon-mobile.png);
  background-size: 24px;
}
.predodobreni-krediti .icon-money {
  background-image: url(images/krediti/icon-money.png);
  background-size: 40px;
}
.predodobreni-krediti .icon-vault {
  background-image: url(images/krediti/icon-vault.png);
  background-size: 44px;
}
.predodobreni-krediti .icon-cards {
  background-image: url(images/krediti/icon-cards.png);
  background-size: 44px;
}
.predodobreni-krediti .icon-moneybag {
  background-image: url(images/krediti/icon-moneybag.png);
  background-size: 84px;
}
.predodobreni-krediti .icon-document {
  background-image: url(images/krediti/icon-document.png);
  background-size: 80px;
}
.predodobreni-krediti .icon-camera {
  background-image: url(images/krediti/icon-camera.png);
  background-size: 65px;
}
.predodobreni-krediti .icon-phone-1 {
  background-image: url(images/krediti/icon-phone-1.png);
  background-size: 18px;
}
.predodobreni-krediti .icon-bubble-1 {
  background-image: url(images/krediti/icon-bubble-1.png);
  background-size: 18px;
}
.predodobreni-krediti .icon-facebook-1 {
  background-image: url(images/krediti/icon-facebook-1.png);
  background-size: 10px;
}
.predodobreni-krediti .icon-facebook-1:hover {
  background-image: url(images/krediti/icon-facebook-2.png);
}
.predodobreni-krediti .icon-save {
  background-image: url(images/krediti/icon-save.png);
  background-size: 24px;
}
.predodobreni-krediti .icon-youtube-1 {
  background-image: url(images/krediti/icon-youtube-1.png);
  background-size: 20px;
}
.predodobreni-krediti .icon-youtube-1:hover {
  background-image: url(images/krediti/icon-youtube-2.png);
}
.predodobreni-krediti .icon-twitter-1 {
  background-image: url(images/krediti/icon-twitter-1.png);
  background-size: 21px;
}
.predodobreni-krediti .icon-twitter-1:hover {
  background-image: url(images/krediti/icon-twitter-2.png);
}
.predodobreni-krediti .icon-download {
  background-image: url(images/krediti/download.png);
  background-size: 21px;
}
.predodobreni-krediti .icon-man {
  background-image: url(images/krediti/icon-man.png);
  background-size: 16px;
}
.predodobreni-krediti .icon-clock {
  background-image: url(images/krediti/icon-clock.png);
  background-size: 20px;
}
.predodobreni-krediti .icon-card {
  background-image: url(images/krediti/icon-card.png);
  background-size: 20px;
}
.predodobreni-krediti .icon-mega {
  background-image: url(images/krediti/icon-mega.png);
  background-size: 81px;
}
.predodobreni-krediti .icon-chat {
  background-image: url(images/krediti/icon-chat.png);
  background-size: 75px;
}
.predodobreni-krediti .icon-calendar {
  background-image: url(images/krediti/icon-calendar.png);
  background-size: 90px;
}
.predodobreni-krediti .icon-puzzle {
  background-image: url(images/krediti/icon-puzzle.png);
  background-size: 90px;
}
.predodobreni-krediti .container-1 {
  width: calc(100% - 40px);
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
.predodobreni-krediti .container-2 {
  width: calc(100% - 40px);
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}
.predodobreni-krediti .container-3 {
  max-width: 595px;
  margin-left: auto;
  margin-right: auto;
}
.predodobreni-krediti .container-4 {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}
.predodobreni-krediti .container-5 {
  max-width: 1080px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}
.predodobreni-krediti .container-6 {
  position: relative;
  padding: 1px 60px;
}
.predodobreni-krediti .inner-margin-0 {
  margin-bottom: 0;
}
.predodobreni-krediti .inner-margin-1 {
  margin-bottom: 10px;
}
.predodobreni-krediti .inner-margin-2 {
  margin-bottom: 20px;
}
.predodobreni-krediti .inner-margin-3 {
  margin-bottom: 30px;
}
.predodobreni-krediti .inner-margin-4 {
  margin-bottom: 30px;
}
.predodobreni-krediti .inner-margin-5 {
  margin-bottom: 10px;
}
.predodobreni-krediti .inner-margin-6 {
  margin-bottom: 60px;
}
.predodobreni-krediti .inner-margin-7 {
  margin-bottom: 70px;
}
.predodobreni-krediti .inner-margin-8 {
  margin-bottom: 80px;
}
.predodobreni-krediti .inner-margin-9 {
  margin-bottom: 90px;
}
.predodobreni-krediti .inner-margin-10 {
  margin-bottom: 100px;
}
.predodobreni-krediti .top-padding-1 {
  padding-top: 20px;
}
.predodobreni-krediti .top-padding-2 {
  padding-top: 40px;
}
.predodobreni-krediti .top-padding-3 {
  padding-top: 60px;
}
.predodobreni-krediti .top-padding-4 {
  padding-top: 80px;
}
.predodobreni-krediti .top-padding-5 {
  padding-top: 100px;
}
.predodobreni-krediti #main {
  overflow: hidden;
}
.predodobreni-krediti .info-card.top-padding-6 {
  padding-top: 106px;
}
.predodobreni-krediti .info-card.fix {
  background-position: 50% 17%;
  background-size: 60px;
  border: none;
  min-height: 214px;
  position: relative;
}
.predodobreni-krediti .info-card.fix:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 74%;
  background: #DBDBDB;
}
.predodobreni-krediti .infos-row .col:last-child .info-card:after {
  display: none;
}
.predodobreni-krediti .icon-camera.fix {
  background-size: 48px;
}
.predodobreni-krediti .inner-margin-1.fix {
  margin-bottom: 7px;
}
.predodobreni-krediti .intro-section.fix {
  -webkit-box-shadow: 0px 0px 62px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 62px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 62px -9px rgba(0, 0, 0, 0.25);
  position: relative;
}
.predodobreni-krediti .section.fix-2 {
  padding-bottom: 146px;
}
.predodobreni-krediti .button-1.fix span {
  font-weight: 100;
  vertical-align: top;
}
.predodobreni-krediti .value-slider-section.fix {
  padding-top: 68px;
}
.predodobreni-krediti .benefit-section {
  padding-top: 110px;
  padding-bottom: 100px;
}
.predodobreni-krediti .benefit-section .info-card.fix {
  background-size: 124px;
  padding-top: 180px;
  background-position: 50% 5%;
}
.predodobreni-krediti .benefit-section .info-card.fix:after {
  display: none;
}
.predodobreni-krediti .benefit-section .info-card.fix.benefit-ico-2 {
  background-position: 50% 12%;
}
.predodobreni-krediti .benefit-section .col-ls-4 {
  padding: 0 4.4%;
}
.predodobreni-krediti .benefit-section .title-border-1:after {
  left: calc(50% - 50px);
}
.predodobreni-krediti .benefit-section .title-3 {
  font-size: 18px;
}
.predodobreni-krediti .benefit-section .row-grid {
  max-width: 1200px;
  margin: auto;
}
.predodobreni-krediti .benefit-ico-1 {
  background-image: url(images/krediti/benefit-ico-1.png);
  background-size: 124px;
}
.predodobreni-krediti .benefit-ico-2 {
  background-image: url(images/krediti/benefit-ico-2.png);
  background-size: 124px;
}
.predodobreni-krediti .benefit-ico-3 {
  background-image: url(images/krediti/benefit-ico-3.png);
  background-size: 124px;
}
.predodobreni-krediti .section-2.padding-fix {
  padding-bottom: 80px;
  padding-top: 0;
}
.predodobreni-krediti .section-2.padding-fix-2 {
  padding-bottom: 60px;
  padding-top: 30px;
}
.predodobreni-krediti .container-2.fix-center {
  text-align: center;
}
.predodobreni-krediti .strong-fix strong {
  color: #000000;
  background: #fff133;
}
.predodobreni-krediti .yellow-bg strong {
  background: #FFEC00;
  padding: 0 5px;
}
.predodobreni-krediti .store-wrap {
  border: 3px solid #F2F4F5;
  padding: 40px;
}
.predodobreni-krediti .store-wrap .store-btn {
  float: left;
  width: 50%;
}
.predodobreni-krediti .store-wrap img {
  display: block;
  max-width: 100%;
  max-height: 60px;
}
.predodobreni-krediti .store-wrap .google-play img {
  margin-left: auto;
  margin-right: 8px;
}
.predodobreni-krediti .store-wrap .apple-store img {
  margin-right: auto;
  margin-left: 8px;
}
.predodobreni-krediti .section-2.padding-fix-3 {
  padding-bottom: 0;
}
.predodobreni-krediti .save-btn-2 {
  color: #0095c9;
  text-decoration: underline;
}
.predodobreni-krediti span {
  display: inline-block;
  vertical-align: middle;
}
.predodobreni-krediti .full {
  width: 100%;
}
.predodobreni-krediti .ib {
  display: inline-block;
}
.predodobreni-krediti .block {
  display: block;
}
.predodobreni-krediti .semi-bold {
  font-weight: 500;
}
.predodobreni-krediti .bold {
  font-weight: 700;
}
.predodobreni-krediti .icon-text {
  padding-left: 125px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  max-width: 480px;
}
.predodobreni-krediti .text-changer {
  transition: opacity 0.5s ease;
  opacity: 1;
}
.predodobreni-krediti .text-changer.animating {
  opacity: 0;
}
.predodobreni-krediti .title-1 {
  float: none;
  border: none;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  text-shadow: -2px 2px 0px rgba(0, 0, 0, 0.4);
}
.predodobreni-krediti .title-2 {
  color: inherit;
  border: none;
  float: none;
  font-size: 30px;
  font-weight: 700;
  padding: 0;
}
.predodobreni-krediti .title-3 {
  font-size: 20px;
  font-weight: 700;
}
.predodobreni-krediti .title-4 {
  font-size: 20px;
}
.predodobreni-krediti .title-5 {
  font-size: 44px;
  font-weight: 700;
}
.predodobreni-krediti .text-1 {
  font-size: 16px;
  line-height: 24px;
}
.predodobreni-krediti .text-1 a {
  color: #0095c9;
  text-decoration: underline;
}
.predodobreni-krediti .text-2 {
  font-size: 18px;
  font-weight: 500;
}
.predodobreni-krediti .text-2 a {
  color: #0095c9;
  text-decoration: underline;
}
.predodobreni-krediti .text-3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  text-transform: uppercase;
}
.predodobreni-krediti .text-3 a {
  display: inline-block;
  vertical-align: text-bottom;
  line-height: 9px;
  color: #0095c9;
  border-bottom: 2px solid #0095c9;
}
.predodobreni-krediti .text-3 .checkbox:not(.checkbox-2) {
  vertical-align: top;
  margin-right: 20px;
  margin-top: -2px;
  margin-bottom: 15px;
}
.predodobreni-krediti .checkbox-wrap {
  position: relative;
  padding-left: 50px;
}
.predodobreni-krediti .checkbox-wrap .checkbox {
  position: absolute;
  top: 18px;
  left: 0;
}
.predodobreni-krediti .link-1 {
  font-size: 16px;
}
.predodobreni-krediti .padding-1 {
  padding: 0 60px;
}
.predodobreni-krediti .cl-2 {
  color: #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 0.4s ease;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 15px;
  border-radius: 16px;
  background-color: #dadada;
  cursor: pointer;
  vertical-align: middle;
}
.predodobreni-krediti .checkbox-1.checked {
  background-color: #c3b400;
}
.predodobreni-krediti .checkbox-1.checked mark {
  background-color: #FFEC00;
  transform: translate3d(calc(100% - 7px), 0, 0);
}
.predodobreni-krediti .checkbox-1 mark {
  transition: transform 0.4s ease, background-color 0.4s ease;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  position: absolute;
  left: -2px;
  top: -3px;
  display: inline-block;
  content: "";
  width: 22px;
  height: 22px;
  background-color: #FFFFFF;
}
.predodobreni-krediti .checkbox-1 .cc-checkbox {
  display: none;
}
.predodobreni-krediti .checkbox-2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.predodobreni-krediti .checkbox-2.checked mark {
  background: url(images/krediti/icon-check-1.png) no-repeat center;
  background-size: 18px;
}
.predodobreni-krediti .checkbox-2 mark {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: block;
  cursor: pointer;
  vertical-align: text-top;
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #d1d1d1;
  background-color: #FFFFFF;
  margin-right: 10px;
}
.predodobreni-krediti .checkbox-2 .cc-checkbox {
  display: none;
}
.predodobreni-krediti .checkbox-2.right-dir {
  zoom: 1;
}
.predodobreni-krediti .checkbox-2.right-dir:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.predodobreni-krediti .checkbox-2.right-dir mark {
  float: right;
  margin: 0;
  margin-left: 10px;
}
.predodobreni-krediti .panel {
  padding: 30px 18px;
}
.predodobreni-krediti .panel-bg {
  padding: 22px 10px;
  background: url(images/krediti/pattern.png) 0 0;
}
.predodobreni-krediti .save-box {
  position: absolute;
  top: 28px;
  right: 0;
  margin-right: 0;
}
.predodobreni-krediti .save-box .save-btn {
  position: relative;
  display: inline-block;
  height: 53px;
  border: 1px solid #d1d1d1;
  transition: border-color 0.4s ease;
  background: transparent;
  font-size: 14px;
  line-height: 50px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  padding: 0 20px;
  margin: 0;
}
.predodobreni-krediti .save-box .save-btn:hover {
  border-color: #000000;
}
.predodobreni-krediti .save-box .save-btn i {
  display: inline-block;
  width: 24px;
  height: 53px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  float: left;
  margin-right: 20px;
}
.predodobreni-krediti .save-box .tooltip {
  width: 280px;
  animation: nav-anim2 3s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0, 1, 1, 1);
}
.predodobreni-krediti .save-box .tooltip:after {
  right: 68px;
}
.predodobreni-krediti .tooltip {
  background: #FFEC00;
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  padding: 25px 25px 10px;
  z-index: 20;
}
.predodobreni-krediti .tooltip:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 11px 9px;
  border-color: transparent transparent #ffee00 transparent;
  position: absolute;
  bottom: 100%;
}
.predodobreni-krediti .tooltip p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 10px;
}
.predodobreni-krediti .tooltip button {
  background: transparent;
  padding: 5px 0;
  color: #000000;
  text-transform: uppercase;
  margin: 0;
}
.predodobreni-krediti .tooltip button:first-child {
  float: left;
}
.predodobreni-krediti .tooltip button:last-child {
  float: right;
}
.predodobreni-krediti .jumbo-panel {
  position: relative;
  height: 440px;
  overflow: hidden;
}
.predodobreni-krediti .jumbo-panel .img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 100%;
  height: auto;
}
.predodobreni-krediti .jumbo-panel .title {
  text-align: center;
  transform: translate3d(0, -50%, 0);
  position: absolute;
  width: calc(100% - 40px);
  left: 20px;
  top: 50%;
}
.predodobreni-krediti .info-card {
  text-align: center;
  padding: 10px 30px;
  padding-top: 160px;
  min-height: 260px;
  background-repeat: no-repeat;
  background-position: 50% 20%;
  border: none;
  box-sizing: border-box;
}
.predodobreni-krediti .info-card .has-info {
  width: calc(100% + 50px);
}
.predodobreni-krediti .section {
  padding: 60px 0;
  padding-top: 75px;
}
.predodobreni-krediti .section-2 {
  padding: 50px 0;
}
.predodobreni-krediti .section-2.no-bottom-padding {
  padding-bottom: 0;
}
.predodobreni-krediti .value-slider-section {
  background-color: #F2F4F5;
}
.predodobreni-krediti .value-slider-wrap {
  border-bottom: 1px solid #FFFFFF;
}
.predodobreni-krediti .value-slider-wrap .title {
  float: left;
}
.predodobreni-krediti .value-slider-wrap input {
  text-align: right;
  float: right;
  max-width: 215px;
}
.predodobreni-krediti .value-slider-wrap .slider {
  width: 100%;
  float: left;
}
.predodobreni-krediti .value-slider-wrap .min-txt {
  float: left;
}
.predodobreni-krediti .value-slider-wrap .max-txt {
  float: right;
}
.predodobreni-krediti .value-wrap .input {
  text-align: right;
  float: right;
  max-width: 215px;
}
.predodobreni-krediti .hidden {
  display: none;
}
.predodobreni-krediti .button-wrap {
  zoom: 1;
  margin-left: -12px;
  padding: 0;
}
.predodobreni-krediti .button-wrap:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.predodobreni-krediti .button-wrap .button {
  float: left;
  margin-left: 12px;
  min-width: auto;
  width: calc(50% - 12px);
}
.predodobreni-krediti .button-1 {
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
  box-shadow: 0px 30px 25px -10px rgba(181, 183, 184, 0.3);
  text-align: center;
  text-transform: uppercase;
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding: 15.5px 10px;
  background-color: #FFEC00;
  width: 100%;
  border: none;
}
.predodobreni-krediti .button-1:hover {
  box-shadow: 0px 25px 25px -15px rgba(181, 183, 184, 0.75);
  background-color: #fff133;
  cursor: pointer;
}
.predodobreni-krediti .button-1.color-2 {
  background-color: #f1f2f4;
}
.predodobreni-krediti .button-1.color-2:hover {
  box-shadow: 0px 25px 25px -15px rgba(181, 183, 184, 0.75);
  background-color: #e2e4e9;
  cursor: pointer;
}
.predodobreni-krediti .input-info {
  position: relative;
}
.predodobreni-krediti .input-info .input-wrap {
  padding-right: 50px;
}
.predodobreni-krediti .input-info .input-icon {
  transform: translate3d(0, -50%, 0);
  position: absolute;
  top: 50%;
  right: 10px;
}
.predodobreni-krediti .input-wrap {
  transition: border-color 0.4s ease;
  position: relative;
  border: 1px solid #d1d1d1;
  padding: 16px 18px 7px 18px;
}
.predodobreni-krediti .input-wrap:focus-within {
  border-color: #000000;
}
.predodobreni-krediti .input-wrap.error {
  border-color: #e53935;
}
.predodobreni-krediti .input-wrap.error .err-txt {
  display: block;
}
.predodobreni-krediti .input-wrap .label {
  position: absolute;
  width: max-content;
  padding: 0 16px;
  background-color: #FFFFFF;
  left: 3px;
  top: -12px;
}
.predodobreni-krediti .input-wrap .input {
  width: 100%;
}
.predodobreni-krediti .input-wrap .input.input-3 {
  margin-bottom: 3px;
}
.predodobreni-krediti .input-wrap .err-txt {
  display: none;
  position: absolute;
  left: 0;
  bottom: -25px;
  color: #e53935;
  font-size: 14px;
  margin: 0;
  white-space: nowrap;
}
.predodobreni-krediti .input-1 {
  font-family: "futura", sans-serif;
  display: block;
  font-size: 20px !important;
  font-weight: 700;
  appearance: none;
  outline: none;
  border: 1px solid #d1d1d1;
  padding: 12px 15px 10px;
  background-color: white;
}
.predodobreni-krediti .input-1.error {
  border-color: #e53935;
}
.predodobreni-krediti .input-1[disabled] {
  background-color: #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: 0.4em;
  text-align: center;
}
.predodobreni-krediti body .ui-datepicker .ui-datepicker-title {
  font-size: 16px;
  font-weight: 500;
  color: #505050;
  margin-top: 9px;
  margin-bottom: 10px;
}
.predodobreni-krediti body .ui-header {
  border: none;
  background: #FFFFFF;
}
.predodobreni-krediti body .ui-content .ui-state-default, .predodobreni-krediti body .ui-widget .ui-state-default {
  background: none;
  color: #505050;
  font-size: 14px;
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 0;
}
.predodobreni-krediti body .ui-content-active, .predodobreni-krediti body .ui-content-hover, .predodobreni-krediti body .ui-content-highlight, .predodobreni-krediti body .ui-header-active, .predodobreni-krediti body .ui-header-hover, .predodobreni-krediti body .ui-header-highlight {
  border-color: #FFEC00;
  background: #FFEC00;
  color: #505050;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  border-radius: 18px;
}
.predodobreni-krediti body #ui-datepicker-div {
  padding: 20 px;
  box-shadow: 0 8px 8px rgb(0, 0, 0);
  border-radius: 0 0 8px 8px;
  border: 1 px solid #dfe7ef;
  position: absolute;
  width: 100%;
  left: 0;
  top: 95%;
  border-top: none;
  z-index: 20;
  opacity: 0;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
}
.predodobreni-krediti body table thead th {
  font-family: "futura", sans-serif;
  background: none;
  font-size: 16px;
  color: #505050;
}
.predodobreni-krediti body table tr:nth-child(even) td,
.predodobreni-krediti body table tr:nth-child(even) th {
  background: none;
}
.predodobreni-krediti body .ui-icon {
  width: 20px;
  height: 20px;
}
.predodobreni-krediti body .ui-datepicker .ui-datepicker-prev, .predodobreni-krediti body .ui-datepicker .ui-datepicker-next {
  width: 38px;
  height: 38px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #d1d1d1;
  border-radius: 0;
}
.predodobreni-krediti body .ui-datepicker .ui-datepicker-prev.ui-state-hover, .predodobreni-krediti body .ui-datepicker .ui-datepicker-next.ui-state-hover {
  background: none;
  border: 1px solid #d1d1d1;
  top: 4px;
}
.predodobreni-krediti body .ui-datepicker .ui-datepicker-prev span, .predodobreni-krediti body .ui-datepicker .ui-datepicker-next span {
  margin-left: -10px;
  margin-top: -9px;
}
.predodobreni-krediti body .ui-datepicker .ui-datepicker-prev {
  top: 4px;
  left: 0;
  margin-left: 5px;
}
.predodobreni-krediti body .ui-datepicker .ui-datepicker-prev.ui-state-hover {
  left: 0px;
}
.predodobreni-krediti body .ui-datepicker .ui-datepicker-prev.ui-state-hover span {
  background: url(images/krediti/arrow-b-left.png) center center no-repeat;
  background-size: 7px;
  border: none;
}
.predodobreni-krediti body .ui-datepicker .ui-datepicker-prev span {
  background: url(images/krediti/arrow-b-left.png) center center no-repeat;
  background-size: 7px;
  border: none;
}
.predodobreni-krediti body .ui-datepicker .ui-datepicker-next {
  top: 4px;
  right: 0;
  margin-right: 7px;
}
.predodobreni-krediti body .ui-datepicker .ui-datepicker-next.ui-state-hover {
  right: 0px;
}
.predodobreni-krediti body .ui-datepicker .ui-datepicker-next.ui-state-hover span {
  background: url(images/krediti/arrow-b-right.png) center center no-repeat;
  background-size: 7px;
  border: none;
}
.predodobreni-krediti body .ui-datepicker .ui-datepicker-next span {
  background: url(images/krediti/arrow-b-right.png) center center no-repeat;
  background-size: 7px;
  border: none;
}
.predodobreni-krediti .has-info {
  position: relative;
  padding-right: 50px;
}
.predodobreni-krediti .has-info .info-icon,
.predodobreni-krediti .has-info .pen-icon {
  transform: translate3d(0, -50%, 0);
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
}
.predodobreni-krediti .pen-icon {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 36px;
  height: 26px;
  border: 2px solid #CFD0D2;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(images/krediti/pen-icon.png);
}
.predodobreni-krediti .info-icon {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 36px;
  height: 26px;
  border: 2px solid #CFD0D2;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(images/krediti/info-icon-1.png);
  background-size: 2px;
}
.predodobreni-krediti .info-icon p {
  text-align: center;
  width: 250px;
  padding: 15px;
  background-color: rgba(73, 80, 90, 0.7);
  position: absolute;
  right: 15px;
  bottom: 29px;
  font-size: 14px;
  color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.predodobreni-krediti .info-icon p:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0px 0 13px;
  border-color: #49505A transparent transparent transparent;
  position: absolute;
  right: 0px;
  bottom: -12px;
  opacity: 0.7;
}
.predodobreni-krediti .info-icon:hover p {
  opacity: 1;
  visibility: visible;
}
.predodobreni-krediti .title-border-1 {
  position: relative;
}
.predodobreni-krediti .title-border-1:after {
  content: "";
  position: absolute;
  left: calc(50% - 40px);
  bottom: -22px;
  width: 80px;
  height: 8px;
  background-color: #FFF200;
}
.predodobreni-krediti .plain-text {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
}
.predodobreni-krediti .plain-text .semi-bold {
  position: relative;
  top: 4px;
}
.predodobreni-krediti .plain-text .info-icon {
  top: calc(50% - 5px);
}
.predodobreni-krediti .list-1 {
  list-style: disc;
  list-style-position: outside;
}
.predodobreni-krediti .list-1 li {
  margin-left: 20px;
  padding-left: 10px;
  margin-bottom: 20px;
}
.predodobreni-krediti .information-section .col {
  position: relative;
  padding: 60px 140px 20px 9.5%;
  min-height: 395px;
  display: flex;
  align-items: center;
}
.predodobreni-krediti .information-section .col:first-child {
  background-color: #FFFFFF;
}
.predodobreni-krediti .information-section .col:last-child {
  background-color: #0095c9;
  background-position: 10% 30%;
  padding: 60px 105px 20px 190px;
}
.predodobreni-krediti .information-section .row {
  display: flex;
}
.predodobreni-krediti .information-section .title-1 {
  text-shadow: none;
  max-width: 330px;
  line-height: 56px;
}
.predodobreni-krediti .information-section .title-border-1:after {
  left: 0;
}
.predodobreni-krediti .information-section .list-1 span {
  vertical-align: top;
}
.predodobreni-krediti .information-section .man-1 {
  position: absolute;
  left: -210px;
  max-width: 100%;
  bottom: 0;
  z-index: 2;
}
.predodobreni-krediti .teste-slider {
  width: 100%;
}
.predodobreni-krediti .teste-slider .slick-dots {
  position: absolute;
  bottom: -80px;
  left: -5px;
}
.predodobreni-krediti .teste-slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.predodobreni-krediti .teste-slider .slick-dots button {
  border-radius: 50%;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin: auto;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background-color: #CACACA;
}
.predodobreni-krediti .teste-slider .slick-dots .slick-active button {
  background-color: #0095c9;
}
.predodobreni-krediti .teste-slider .slick-active .inner {
  transition-delay: 0.5s;
  opacity: 1;
}
.predodobreni-krediti .teste-slider .slide {
  opacity: 1 !important;
}
.predodobreni-krediti .teste-slider .inner {
  transition: opacity 0.5s ease;
  opacity: 0;
}
.predodobreni-krediti .tag {
  display: block;
  width: 48px;
  height: 48px;
  background-color: #FFEC00;
  background-position: 50%;
  background-repeat: no-repeat;
}
.predodobreni-krediti .tag-wrap {
  position: relative;
  padding-right: 110px;
}
.predodobreni-krediti .tag-wrap .tag {
  position: absolute;
  top: calc(50% - 24px);
  right: 30px;
}
.predodobreni-krediti .contact-section {
  padding: 27px 0;
  background-color: #34393c;
}
.predodobreni-krediti .contact-section .page-logo {
  margin-top: 15px;
  display: block;
  width: 191px;
  height: 50px;
  background: url(images/krediti/page-logo-2.png) 50% no-repeat;
  background-size: cover;
}
.predodobreni-krediti .contact-section .col:not(:first-child) {
  border-left: 1px solid #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 0.3s ease;
  display: block;
  height: 30px;
  width: 75px;
  background-repeat: no-repeat;
  background-position: 50%;
  backface-visibility: hidden;
}
.predodobreni-krediti .steps-wrap {
  position: relative;
  background-color: #34393c;
  background-image: url(images/krediti/pattern-2.png);
}
.predodobreni-krediti .steps-wrap.type-2 {
  position: relative;
  background-image: url(images/krediti/pattern-2.png);
}
.predodobreni-krediti .steps-wrap.type-2:before {
  z-index: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-image: url(images/krediti/sample-2.jpg);
  background-size: cover;
  background-position: top center;
}
.predodobreni-krediti .steps-wrap.type-2:after {
  z-index: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-image: url(images/krediti/pattern.png);
  opacity: 0.2;
}
.predodobreni-krediti .steps-wrap.type-2 .container-1 {
  position: relative;
  min-height: 390px;
  max-width: none;
}
.predodobreni-krediti .steps-wrap .container-1 {
  position: relative;
  z-index: 1;
  min-height: 100px;
  max-width: none;
}
.predodobreni-krediti .steps-wrap .steps {
  position: absolute;
  top: 60px;
  left: 90px;
  width: calc(100% - 180px);
}
.predodobreni-krediti .steps-wrap div.center {
  position: relative;
  top: 135px;
}
.predodobreni-krediti .steps {
  position: relative;
  width: 100%;
  margin: 0;
}
.predodobreni-krediti .steps:before {
  display: none;
}
.predodobreni-krediti .steps .progress {
  background-color: #999999;
}
.predodobreni-krediti .steps .progress span {
  transition: width 0.3s ease-out;
  display: block;
  height: 3px;
  background-color: #FFF100;
}
.predodobreni-krediti .steps .mobile-title {
  display: none;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: -37px;
  margin: 0;
}
.predodobreni-krediti .steps .point {
  position: absolute;
  z-index: 10;
  transform: translate3d(-50%, 0, 0);
  top: calc(50% - 10px);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #34393c;
  border: 1px solid #999999;
}
.predodobreni-krediti .steps .point:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 50%;
  height: 50%;
  background-color: #999999;
}
.predodobreni-krediti .steps .point.active {
  border-color: #FFF100;
}
.predodobreni-krediti .steps .point.active:after {
  background-color: transparent;
  background-image: url(images/krediti/small-check.png);
  background-size: 10px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.predodobreni-krediti .steps .point.last-active {
  border-color: #FFF100;
}
.predodobreni-krediti .steps .point.last-active:after {
  background-color: transparent;
  background-image: url(images/krediti/small-check.png);
  background-size: 10px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.predodobreni-krediti .steps .point.last-active p {
  color: #FFFFFF;
}
.predodobreni-krediti .steps .point.current {
  border-color: #FFF100;
}
.predodobreni-krediti .steps .point.current:after {
  background-color: #FFF100;
}
.predodobreni-krediti .steps .point.current p {
  color: #FFFFFF;
}
.predodobreni-krediti .steps .point p {
  position: absolute;
  transform: translate3d(-50%, 0, 0);
  top: -30px;
  left: calc(50% + 0.2px);
  color: #999999;
  margin: 0;
  width: max-content;
  text-transform: none;
  letter-spacing: initial;
  text-align: inherit;
  white-space: nowrap;
}
.predodobreni-krediti .label-1 {
  font-size: 16px;
}
.predodobreni-krediti .back-button-1 {
  transition: border-color 0.4s ease;
  position: relative;
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 1px solid #d1d1d1;
  background: url(images/krediti/return-icon.png) 50% no-repeat;
  background-size: 24px;
}
.predodobreni-krediti .back-button-1:hover {
  border-color: #000000;
  cursor: pointer;
}
.predodobreni-krediti .has-back {
  position: relative;
}
.predodobreni-krediti .has-back .back-button {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
}
.predodobreni-krediti .select-1 {
  cursor: pointer;
  width: 100%;
  font-family: "futura", sans-serif;
  display: block;
  font-size: 18px;
  font-weight: 500;
  border: none;
  background-color: transparent;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(images/krediti/arrow-bottom.png) 100% 5px no-repeat;
  background-size: 12px;
}
.predodobreni-krediti .error-helper-1 {
  display: none;
  background-color: #e53935;
  padding: 20px 20px;
  padding-bottom: 18px;
}
.predodobreni-krediti .popup {
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  opacity: 0;
  transform: translate3d(0, -5%, 0);
  background-color: #FFFFFF;
}
.predodobreni-krediti .popup.open {
  opacity: 1;
  transform: translate3d(0, 0%, 0);
}
.predodobreni-krediti .popup-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 1000;
}
.predodobreni-krediti .popup-wrap .display-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  padding: 40px 0;
  overflow: auto;
}
.predodobreni-krediti .popup .inner {
  padding: 0px;
}
.predodobreni-krediti .popup .inner.type-2 {
  padding: 32px 40px 1px;
}
.predodobreni-krediti .custom-radio-1 {
  display: inline-block;
}
.predodobreni-krediti .custom-radio-1.type-2 .radio > i {
  transform: none;
  top: 20px;
}
.predodobreni-krediti .custom-radio-1 .radio {
  cursor: pointer;
  position: relative;
  display: block;
  font-size: 16px;
  padding: 22px 20px;
  padding-left: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.predodobreni-krediti .custom-radio-1 .radio.checked > i {
  background-image: url(images/krediti/radio-on.png);
}
.predodobreni-krediti .custom-radio-1 .radio > i {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 0px;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(images/krediti/radio-off.png);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.predodobreni-krediti .loader-wrap {
  text-align: center;
}
.predodobreni-krediti .loader-wrap .loader {
  display: inline-block;
  background: #F2F4F5;
  padding: 2px;
  position: relative;
  overflow: hidden;
}
.predodobreni-krediti .loader-wrap .loader-progress {
  width: 0;
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  background: #FFF200;
  animation: loading 40s infinite;
}
.predodobreni-krediti .loader-wrap .loader-progress.type-2 {
  animation: loading 20s infinite;
}
.predodobreni-krediti .loader-wrap ul {
  position: relative;
  z-index: 1;
}
.predodobreni-krediti .loader-wrap li {
  float: left;
  width: 14px;
  height: 31px;
  border: 3px solid #FFFFFF;
  border-right: 0;
}
.predodobreni-krediti .loader-wrap li:last-child {
  width: 17px;
  border-right: 3px solid #FFFFFF;
}
.predodobreni-krediti .map-wrapper {
  position: relative;
  overflow: hidden;
}
.predodobreni-krediti #map-canvas {
  position: relative;
  width: 100%;
  height: 580px;
  overflow: hidden;
}
.predodobreni-krediti .infobox {
  background-color: transparent;
  border: none;
  width: 380px;
  padding: 5px 5px 20px;
}
.predodobreni-krediti .infobox-wrapper {
  display: none;
  background: #FFFFFF;
}
.predodobreni-krediti .infobox .inner {
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 15px 22px;
  position: relative;
}
.predodobreni-krediti .infobox .inner:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #FFFFFF transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
.predodobreni-krediti .infobox .loc-title {
  font-family: "futura", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 20px;
}
.predodobreni-krediti .infobox li {
  position: relative;
  font-family: "futura", sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #000000;
  padding-left: 35px;
  margin-bottom: 10px;
}
.predodobreni-krediti .infobox i {
  display: inline-block;
  width: 25px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
}
.predodobreni-krediti .gm-style img {
  position: relative;
  z-index: 10;
  width: 15px;
  height: 15px;
}
.predodobreni-krediti .infoBox img {
  right: 15px;
  top: 5px;
}
.predodobreni-krediti .map-search {
  position: absolute;
  top: 25px;
  right: 25px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.predodobreni-krediti .map-search:after {
  content: "";
  width: 60px;
  height: 100%;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 26%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 26%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 26%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  position: absolute;
  top: 0;
  right: 0;
}
.predodobreni-krediti .map-search .search-1 {
  width: 290px;
  border: 0;
  font-family: "futura", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  padding: 10px 20px;
}
.predodobreni-krediti .map-search button {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: url(images/krediti/search-icon-2.png) center center no-repeat;
  background-size: 16px;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 1;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.predodobreni-krediti .map-search button:hover {
  opacity: 1;
}
.predodobreni-krediti .list-block {
  border: 1px solid #0095c9;
  padding: 30px 40px;
}
.predodobreni-krediti .list-block li {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #0095c9;
  margin-bottom: 20px;
  padding-left: 35px;
  position: relative;
}
.predodobreni-krediti .list-block li:after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0095c9;
  position: absolute;
  top: 8px;
  left: 0;
}
.predodobreni-krediti .img-full img {
  width: 100%;
  height: auto;
}
.predodobreni-krediti .offer-slider {
  width: 750px;
  margin: 0 auto;
}
.predodobreni-krediti .offer-slider-wrap {
  max-width: 1300px;
  width: 94%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.predodobreni-krediti .offer-slider-wrap .overlay {
  width: 350px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  pointer-events: none;
}
.predodobreni-krediti .offer-slider-wrap .overlay-left {
  left: 0;
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 );
  /* IE6-9 */
}
.predodobreni-krediti .offer-slider-wrap .overlay-right {
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 );
  /* IE6-9 */
}
.predodobreni-krediti .offer-slider.first .slick-prev {
  opacity: 0;
  visibility: hidden;
}
.predodobreni-krediti .offer-slider.last .slick-next {
  opacity: 0;
  visibility: hidden;
}
.predodobreni-krediti .offer-slider .slide {
  outline: none;
}
.predodobreni-krediti .offer-slider .slick-list {
  overflow: visible;
}
.predodobreni-krediti .offer-slider .slick-arrow {
  width: 56px;
  height: 56px;
  background-color: #FFF200;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 50%;
  opacity: 1;
  visibility: visible;
  margin-top: -28px;
  z-index: 20;
  transition: all 0.5s ease;
}
.predodobreni-krediti .offer-slider .slick-prev {
  left: 50%;
  margin-left: -390px;
  background-image: url(images/krediti/return-icon.png);
}
.predodobreni-krediti .offer-slider .slick-next {
  right: 50%;
  margin-right: -390px;
  background-image: url(images/krediti/right-icon.png);
}
.predodobreni-krediti .offer-block {
  width: 100%;
  max-width: 588px;
  padding: 42px 42px 30px;
  border: 1px solid #d1d1d1;
  margin: 0 auto;
}
.predodobreni-krediti .block-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  position: relative;
  zoom: 1;
}
.predodobreni-krediti .block-list li:before {
  content: "";
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
  background: #0095c9;
}
.predodobreni-krediti .block-list li:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.predodobreni-krediti .block-list li > span {
  float: left;
}
.predodobreni-krediti .block-list li .info-icon {
  display: inline-block;
  float: left;
  margin-left: 10px;
}
.predodobreni-krediti .block-list li .info-icon span {
  transform: translate3d(0, -50%, 0);
  position: absolute;
  top: 50%;
  right: 10px;
}
.predodobreni-krediti .slider-content-wrap {
  position: relative;
}
.predodobreni-krediti .slider-content-wrap .slider-content {
  transition: opacity 0.5s ease, visibility 0.5s ease;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.predodobreni-krediti .slider-content-wrap .slider-content.current {
  position: relative;
}
.predodobreni-krediti .slider-content-wrap .slider-content.active {
  visibility: visible;
  opacity: 1;
}
.predodobreni-krediti .docs-list {
  overflow: hidden;
}
.predodobreni-krediti .docs-list li {
  width: 49%;
  float: left;
}
.predodobreni-krediti .docs-list li:nth-child(odd) {
  margin-right: 2%;
}
.predodobreni-krediti .download-btn {
  display: block;
  background-color: #ebebeb;
  padding: 10px 85px 10px 25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border-bottom: 2px solid #D9D9D9;
  position: relative;
  transition: background 0.3s ease;
}
.predodobreni-krediti .download-btn:hover {
  background-color: #FFEC00;
}
.predodobreni-krediti .download-btn i {
  width: 70px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #D9D9D9;
  background-position: center center;
  background-repeat: no-repeat;
}
.predodobreni-krediti .dropzone {
  font-family: "futura", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.predodobreni-krediti .dropzone .dz-preview {
  position: relative;
  margin-top: 70px;
}
.predodobreni-krediti .dropzone .dz-remove {
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase;
  color: #0095c9;
  font-weight: 500;
  font-size: 18px;
}
.predodobreni-krediti .dropzone .dz-default {
  background: url(images/krediti/border-image.png) no-repeat 50%;
  background-size: contain;
  text-align: center;
  min-height: 215px;
  padding: 20px;
  display: flex;
  align-items: center;
}
.predodobreni-krediti .dropzone .dz-default span {
  display: block;
  width: 100%;
}
.predodobreni-krediti .dropzone .dz-details {
  margin-bottom: 10px;
}
.predodobreni-krediti .dropzone .dz-filename {
  padding-right: 75px;
  word-break: break-all;
}
.predodobreni-krediti .dropzone .dz-success-mark {
  position: relative;
}
.predodobreni-krediti .dropzone .dz-success-mark svg {
  width: 20px;
  height: 20px;
}
.predodobreni-krediti .dropzone .dz-success-mark svg path {
  stroke: #9dcc68;
  stroke-opacity: 1;
  fill: #9dcc68;
}
.predodobreni-krediti .dropzone .dz-success-mark:after {
  content: "Upload završen";
  display: block;
  position: absolute;
  top: 0;
  left: 30px;
  font-weight: 400;
  color: #666666;
}
.predodobreni-krediti .dropzone .dz-progress {
  background-color: #F2F2F2;
  margin-bottom: 10px;
}
.predodobreni-krediti .dropzone .dz-progress span {
  display: block;
  height: 7px;
  background-color: #FFEC00;
}
.predodobreni-krediti .dropzone .dz-size, .predodobreni-krediti .dropzone .dz-message, .predodobreni-krediti .dropzone .dz-mark, .predodobreni-krediti .dropzone .dz-image {
  display: none;
}
.predodobreni-krediti .ie .page-header .page-title {
  margin-top: 35px;
}
.predodobreni-krediti .ie .checkbox-1.checked mark {
  transform: translate3d(14px, 0, 0);
}
.predodobreni-krediti .ie .steps .point p {
  white-space: nowrap;
}
.predodobreni-krediti .ie select::-ms-expand {
  display: none;
}
.predodobreni-krediti .detalji-ponude .container-5 > .text-1 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.predodobreni-krediti .detalji-ponude .container-5 > #PreapprovedDescription .text-1 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.predodobreni-krediti .detalji-ponude .promo-section {
  background-image: url(images/krediti/polygon-1.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  min-height: 840px;
}
.predodobreni-krediti .detalji-ponude .promo-section .infos-row {
  max-width: 900px;
  margin: auto;
}
.predodobreni-krediti .detalji-ponude .promo-section .title-2 {
  position: relative;
  top: 40px;
  margin-bottom: 150px;
}
.predodobreni-krediti .isplata-kredita .container {
  background: #FFFFFF;
}
.predodobreni-krediti .center {
  text-align: center !important;
}
.predodobreni-krediti strong {
  font-weight: bold;
}
.predodobreni-krediti .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-titlebar {
  height: 0;
}
.predodobreni-krediti .ui-dialog .ui-dialog-titlebar {
  padding: 0;
}
.predodobreni-krediti #PreapprovedDetails + .infos-row .container-2 {
  padding-top: 45px;
}
.predodobreni-krediti #PreapprovedLoanAmount .alpaca-controlfield-label div {
  font-size: 12px;
  line-height: 20px;
  color: #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 .all-account-popup-subtitle-content {
  position: relative;
  width: calc(100% - 80px);
  padding: 0 40px;
  text-align: center;
  margin-bottom: 24px;
}
.accountDetailsPopup .all-account-popup-subtitle-content input:focus {
  border: 1px solid #52ae30;
  padding-right: 50px;
}
.accountDetailsPopup .all-account-popup-subtitle-content .custom-switch {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  background: #e8e9ec;
  border-radius: 12px;
  padding: 3px 4px;
  position: relative;
  margin-bottom: 43px;
}
.accountDetailsPopup .all-account-popup-subtitle-content .custom-switch::before {
  content: "";
  width: -webkit-calc(50% - 4px);
  width: calc(50% - 4px);
  height: -webkit-calc(100% - 6px);
  height: calc(100% - 6px);
  position: absolute;
  top: 3px;
  left: 4px;
  background: #fff;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.0008);
  border-radius: 10px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.accountDetailsPopup .all-account-popup-subtitle-content .custom-switch.active-1::before {
  transform: translateX(0);
}
.accountDetailsPopup .all-account-popup-subtitle-content .custom-switch.active-2::before {
  transform: translateX(100%);
}
.accountDetailsPopup .all-account-popup-subtitle-content .custom-switch span {
  display: block;
  width: 50%;
  float: left;
  font-size: 13px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
  padding: 4px 5px;
  transition: color 0.3s;
  cursor: pointer;
  position: relative;
  font-family: "Source-Sans-Pro-semibold";
}
.accountDetailsPopup .all-account-popup-subtitle-content .custom-switch span:hover {
  color: #2a7f00;
}
.accountDetailsPopup .all-account-popup-subtitle-content .custom-switch > .active {
  color: #52ae30;
}
.accountDetailsPopup .all-account-popup-subtitle-content .mCSB_scrollTools_vertical {
  display: none !important;
}
.accountDetailsPopup .beneficiary-item {
  width: calc(100% - 16px);
  border-radius: 28px;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  padding: 8px;
  z-index: auto;
  max-width: 407px;
}
.accountDetailsPopup .beneficiary-item:hover {
  background-color: #fff;
}
.accountDetailsPopup .beneficiary-item:hover .beneficiary-icon-wrapper {
  background-color: #efefef;
}
.accountDetailsPopup .beneficiary-item.flex-center {
  align-items: center;
}
.accountDetailsPopup .beneficiary-item.flex-layout {
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.accountDetailsPopup .beneficiary-item > .beneficiary-icon-wrapper {
  position: relative;
  width: 46px !important;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  background-color: #fff;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 16px;
}
.accountDetailsPopup .beneficiary-item p {
  line-height: 40px;
  margin: 0;
  font-weight: bold;
  z-index: auto;
}
.accountDetailsPopup .beneficiary-item .beneficiary-name {
  width: calc(100% - 40px);
  padding: 0 25px 0 16px;
}
.accountDetailsPopup .beneficiary-item .profile-text-arrow {
  position: relative;
  top: 7px;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 7px;
  height: 12px;
  right: 23px;
  fill: #52ae30;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
  line-height: 1.4;
  margin: 0;
}
.accountDetailsPopup .account-inter-inner-scroll {
  padding-right: 0px !important;
}
.accountDetailsPopup .account-inter-inner-scroll .formWrapperDialog {
  height: 520px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.accountDetailsPopup .account-inter-inner-scroll .formWrapperDialog.open {
  height: 816px;
}
.accountDetailsPopup .input-wrap.icon-right svg {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.accountDetailsPopup .input-wrap.icon-right svg.search {
  fill: #c7c7c7;
}
.accountDetailsPopup .popup-btn-wrapper {
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0px !important;
  padding-top: 25px !important;
}
.accountDetailsPopup .popup-btn-wrapper .btn-2 {
  width: 200px !important;
  border-radius: 25px;
  background-color: rgb(255, 255, 255);
  color: #52AE30;
  border: none;
  font-weight: bold;
  font-size: 14px;
  transition: all 0.3s ease;
}
.accountDetailsPopup .popup-btn-wrapper .btn-2.confirm {
  background-color: #52AE30;
  color: rgb(255, 255, 255);
}
.accountDetailsPopup .popup-btn-wrapper .btn-2.confirm:hover {
  background: #2a7f00;
}
.accountDetailsPopup .help-ico {
  cursor: pointer;
  background-image: url(images/icons/ivr-info.png);
  background-size: 22px;
  border-radius: 50%;
  top: 50%;
  transform: translate(40%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
}
.accountDetailsPopup .transaction-popup-detail:hover .help-ico {
  background-image: url(images/icons/ivr-info-3.png);
}

#LoanESignatureSMS input {
  text-transform: uppercase;
}

@keyframes nav-anim {
  0% {
    transform: translate3d(0, 0px, 0);
  }
  50% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0px, 0);
  }
}
@keyframes nav-anim2 {
  0% {
    transform: translate3d(0, 0px, 0);
  }
  7% {
    transform: translate3d(0, -5px, 0);
  }
  14% {
    transform: translate3d(0, 0px, 0);
  }
  21% {
    transform: translate3d(0, -5px, 0);
  }
  28% {
    transform: translate3d(0, 0px, 0);
  }
}
@keyframes loading {
  0% {
    width: 0;
  }
  10% {
    width: 10%;
  }
  20% {
    width: 20%;
  }
  30% {
    width: 30%;
  }
  40% {
    width: 40%;
  }
  50% {
    width: 50%;
  }
  60% {
    width: 60%;
  }
  70% {
    width: 70%;
  }
  80% {
    width: 80%;
  }
  90% {
    width: 90%;
  }
  100% {
    width: 98%;
  }
}
@media only screen and (min-width: 1920px) {
  .predodobreni-krediti .information-section .col:first-child {
    padding-left: 20%;
  }
}
@media only screen and (max-width: 1200px) {
  .predodobreni-krediti .information-section .row {
    display: block;
  }
  .predodobreni-krediti .information-section .row .col {
    width: 100%;
  }
  .predodobreni-krediti .information-section .row .title-border-1:after {
    left: 50%;
    transform: translateX(-50%);
  }
  .predodobreni-krediti .information-section .title-1 {
    max-width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .predodobreni-krediti .information-section .col {
    min-height: 270px;
  }
  .predodobreni-krediti .section.fix-2 {
    padding-bottom: 0;
  }
  .predodobreni-krediti .steps .point {
    display: flex;
    align-items: center;
  }
  .predodobreni-krediti .steps .point p {
    position: relative;
    font-size: 14px;
    width: auto;
    text-align: center;
    top: -35px;
  }
}
@media only screen and (max-width: 980px) {
  .predodobreni-krediti .title-1 {
    font-size: 38px;
    line-height: 40px;
  }
  .predodobreni-krediti .information-section .col {
    padding: 30px 85px 20px 25px;
  }
  .predodobreni-krediti .offer-slider {
    width: 100%;
  }
  .predodobreni-krediti .offer-slider-wrap {
    width: 100%;
  }
  .predodobreni-krediti .offer-slider-wrap .overlay {
    display: none;
  }
  .predodobreni-krediti .offer-slider .slick-list {
    overflow: hidden;
    padding: 0 !important;
  }
  .predodobreni-krediti .docs-list {
    overflow: hidden;
  }
  .predodobreni-krediti .docs-list li {
    width: 100%;
    margin-bottom: 30px;
  }
  .predodobreni-krediti .docs-list li:nth-child(odd) {
    margin-right: 0;
  }
  .predodobreni-krediti .docs-list.inner-margin-5 {
    margin-bottom: 0;
  }
  .predodobreni-krediti .jumbo-panel {
    height: 46vw;
  }
  .predodobreni-krediti .steps .point p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 780px) {
  .predodobreni-krediti .col-ms-1 {
    width: 8.3333333333%;
  }
  .predodobreni-krediti .col-ms-2 {
    width: 16.6666666667%;
  }
  .predodobreni-krediti .col-ms-3 {
    width: 25%;
  }
  .predodobreni-krediti .col-ms-4 {
    width: 33.3333333333%;
  }
  .predodobreni-krediti .col-ms-5 {
    width: 41.6666666667%;
  }
  .predodobreni-krediti .col-ms-6 {
    width: 50%;
  }
  .predodobreni-krediti .col-ms-7 {
    width: 58.3333333333%;
  }
  .predodobreni-krediti .col-ms-8 {
    width: 66.6666666667%;
  }
  .predodobreni-krediti .col-ms-9 {
    width: 75%;
  }
  .predodobreni-krediti .col-ms-10 {
    width: 83.3333333333%;
  }
  .predodobreni-krediti .col-ms-11 {
    width: 91.6666666667%;
  }
  .predodobreni-krediti .col-ms-12 {
    width: 100%;
  }
  .predodobreni-krediti .section-2 {
    padding: 30px 0px;
    padding-bottom: 20px;
  }
  .predodobreni-krediti .title-1 {
    font-size: 32px;
    line-height: 34px;
  }
  .predodobreni-krediti .title-2 {
    font-size: 24px;
  }
  .predodobreni-krediti .title-5 {
    font-size: 24px;
  }
  .predodobreni-krediti .text-1 {
    font-size: 14px;
    line-height: 20px;
  }
  .predodobreni-krediti .text-2 {
    font-size: 16px;
  }
  .predodobreni-krediti .input-wrap .err-txt {
    font-size: 12px;
    bottom: -20px;
  }
  .predodobreni-krediti .input-1 {
    font-size: 18px;
    padding: 9px 15px 8px;
  }
  .predodobreni-krediti .input-2 {
    font-size: 16px;
  }
  .predodobreni-krediti .label {
    font-size: 14px;
  }
  .predodobreni-krediti .page-header .page-title {
    position: relative;
    top: 7px;
    font-size: 24px;
    text-align: left;
    padding-left: 60px;
  }
  .predodobreni-krediti .page-header .page-logo {
    background-image: url(images/icons/page-logo-3.png);
    background-size: 47.5px;
    width: 48px;
  }
  .predodobreni-krediti .information-section .row {
    display: block;
  }
  .predodobreni-krediti .information-section .col {
    padding: 30px 85px 20px 25px;
  }
  .predodobreni-krediti .has-info.inner-margin-5 {
    margin-bottom: 35px;
  }
  .predodobreni-krediti .offer-slider {
    padding: 0 20px;
    margin-bottom: 40px;
  }
  .predodobreni-krediti .offer-slider .slide {
    padding: 0 10px;
  }
  .predodobreni-krediti .offer-slider .slick-arrow {
    width: 25px;
    background-size: 10px;
  }
  .predodobreni-krediti .offer-slider .slick-prev {
    left: 0px;
    margin-left: 0;
  }
  .predodobreni-krediti .offer-slider .slick-next {
    right: 0px;
    margin-right: 0;
  }
  .predodobreni-krediti .offer-block {
    padding: 22px 22px 20px;
  }
  .predodobreni-krediti .steps .point p {
    display: none;
  }
  .predodobreni-krediti .steps .mobile-title {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 680px) {
  .predodobreni-krediti {
    /* Identification number */
    /*--------18.06.2018. korekcije----------*/
  }
  .predodobreni-krediti .col-ss-12 {
    width: 100%;
  }
  .predodobreni-krediti .col-ss-11 {
    width: 91.6666666667%;
  }
  .predodobreni-krediti .col-ss-10 {
    width: 83.3333333333%;
  }
  .predodobreni-krediti .col-ss-9 {
    width: 75%;
  }
  .predodobreni-krediti .col-ss-8 {
    width: 66.6666666667%;
  }
  .predodobreni-krediti .col-ss-7 {
    width: 58.3333333333%;
  }
  .predodobreni-krediti .col-ss-6 {
    width: 50%;
  }
  .predodobreni-krediti .col-ss-5 {
    width: 41.6666666667%;
  }
  .predodobreni-krediti .col-ss-4 {
    width: 33.3333333333%;
  }
  .predodobreni-krediti .col-ss-3 {
    width: 25%;
  }
  .predodobreni-krediti .col-ss-2 {
    width: 16.6666666667%;
  }
  .predodobreni-krediti .col-ss-1 {
    width: 8.3333333333%;
  }
  .predodobreni-krediti .back-button-1 {
    width: 35px;
    height: 35px;
    background-size: 12px;
  }
  .predodobreni-krediti .steps-wrap .steps {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 100%;
  }
  .predodobreni-krediti .container-1.has-back .title-2.title-border-1 {
    padding: 0 40px;
  }
  .predodobreni-krediti .jumbo-panel .img {
    height: 60vw;
    object-fit: cover;
  }
  .predodobreni-krediti .icon-stopwatch {
    background-size: 56.5px;
  }
  .predodobreni-krediti .icon-document {
    background-size: 60px;
  }
  .predodobreni-krediti .icon-camera {
    background-size: 49px;
  }
  .predodobreni-krediti .info-card {
    text-align: center;
    padding: 10px 20px;
    padding-top: 110px;
    min-height: 190px;
    background-position: 50% 12%;
  }
  .predodobreni-krediti .info-card has-info {
    width: 100%;
  }
  .predodobreni-krediti .plain-text {
    padding-bottom: 5px;
  }
  .predodobreni-krediti .plain-text .text-1.alignright {
    width: 100%;
    text-align: right;
    margin-top: 5px;
  }
  .predodobreni-krediti .contact-section .col {
    margin-bottom: 30px;
  }
  .predodobreni-krediti .contact-section .col:not(:first-child) {
    border: 0;
  }
  .predodobreni-krediti .contact-section .tag-wrap {
    padding-right: 80px;
  }
  .predodobreni-krediti .contact-section .tag-wrap .tag {
    right: 0;
  }
  .predodobreni-krediti .title-2 {
    padding: 0px;
  }
  .predodobreni-krediti .link-1 {
    font-size: 14px;
  }
  .predodobreni-krediti .icon-text {
    margin: auto;
  }
  .predodobreni-krediti .icon-text.inner-margin-0 {
    margin-bottom: 40px;
  }
  .predodobreni-krediti .save-box .save-btn span {
    display: none;
  }
  .predodobreni-krediti .save-box .save-btn i {
    margin-right: 0;
  }
  .predodobreni-krediti .save-box .tooltip:after {
    right: 24px;
  }
  .predodobreni-krediti .popup .inner {
    padding: 15px 20px 1px;
  }
  .predodobreni-krediti .popup .inner.type-2 {
    padding: 32px 20px 1px;
  }
  .predodobreni-krediti .popup.open {
    opacity: 1;
    transform: translate3d(0, 0%, 0);
  }
  .predodobreni-krediti .popup .popup-img {
    max-width: 61.5px;
  }
  .predodobreni-krediti .info-card.fix:after {
    display: none;
  }
  .predodobreni-krediti .information-section .man-1 {
    display: none;
  }
  .predodobreni-krediti .information-section .col {
    min-height: 230px;
  }
  .predodobreni-krediti .information-section .col:last-child {
    padding: 60px 20px 20px 20px;
  }
  .predodobreni-krediti .detalji-ponude .promo-section {
    padding-bottom: 30px;
  }
  .predodobreni-krediti .detalji-ponude .promo-section .title-2 {
    margin-bottom: 210px;
  }
  .predodobreni-krediti .container-6 {
    padding: 1px 15px;
  }
  .predodobreni-krediti .steps .mobile-title {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .predodobreni-krediti {
    /* Identification number */
    /*------18.06.2018.--------*/
  }
  .predodobreni-krediti .page-header .page-title {
    font-size: 16px;
    text-align: center;
    top: 2px;
    padding-right: 50px;
  }
  .predodobreni-krediti .page-header .menu-wrap {
    border: 0;
    top: 29px;
  }
  .predodobreni-krediti .page-header .container-1 {
    min-height: 80px;
  }
  .predodobreni-krediti .page-header .page-logo {
    top: 17px;
  }
  .predodobreni-krediti .page-header .menu-wrap {
    top: 16px;
  }
  .predodobreni-krediti .title-1 {
    font-size: 22px;
    line-height: 24px;
  }
  .predodobreni-krediti .button-1 {
    padding: 16.5px 10px;
    font-size: 16px;
  }
  .predodobreni-krediti .jumbo-panel.inner-margin-6 {
    margin-bottom: 30px;
  }
  .predodobreni-krediti .jumbo-panel .img {
    height: 60vw;
    object-fit: cover;
  }
  .predodobreni-krediti .jumbo-panel .title {
    width: calc(100% - 20px);
    left: 10px;
  }
  .predodobreni-krediti .section {
    padding: 30px 0;
    padding-top: 45px;
  }
  .predodobreni-krediti .intro-section.inner-margin-5 {
    margin-bottom: 20px;
  }
  .predodobreni-krediti .information-section .col {
    padding: 30px 25px 20px 25px;
    min-height: 200px;
  }
  .predodobreni-krediti .teste-slider .slick-dots {
    bottom: -20px;
  }
  .predodobreni-krediti .contact-section .page-logo {
    margin: auto;
    margin-top: 15px;
  }
  .predodobreni-krediti .social-section .text-1 {
    float: none;
    text-align: center;
  }
  .predodobreni-krediti .social-section .socials-wrap {
    float: none;
    max-width: max-content;
    margin: auto;
    margin-top: 20px;
  }
  .predodobreni-krediti .value-slider-wrap .title {
    float: none;
    text-align: center;
  }
  .predodobreni-krediti .value-slider-wrap .input {
    float: none;
    max-width: none;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  .predodobreni-krediti .value-slider-wrap .input.inner-margin-3 {
    margin-bottom: 50px;
  }
  .predodobreni-krediti .value-wrap .title {
    float: none;
    text-align: center;
  }
  .predodobreni-krediti .value-wrap .input {
    float: none;
    max-width: none;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  .predodobreni-krediti .padding-1 {
    padding: 0;
  }
  .predodobreni-krediti .col-ls-6 {
    width: 100%;
  }
  .predodobreni-krediti .save-box .save-btn {
    width: 30px;
    height: 30px;
    top: 0px;
    right: 0;
    margin-right: 0;
    padding: 0;
  }
  .predodobreni-krediti .save-box .save-btn i {
    width: 30px;
    height: 30px;
    margin-right: 0;
    background-size: 50%;
    background-position: 7px 7px;
  }
  .predodobreni-krediti .button-wrap .button {
    width: calc(100% - 12px);
    margin-bottom: 10px !important;
  }
  .predodobreni-krediti .map-search {
    width: 94%;
    right: 3%;
  }
  .predodobreni-krediti .map-search .search-1 {
    width: 100%;
  }
  .predodobreni-krediti .infobox .inner {
    width: 260px;
    margin-left: 55px;
  }
  .predodobreni-krediti .infoBox img {
    right: 70px;
  }
  .predodobreni-krediti .list-block {
    padding: 30px 20px;
  }
  .predodobreni-krediti .list-block li {
    padding-left: 20px;
  }
  .predodobreni-krediti .information-section .col {
    min-height: 160px;
  }
  .predodobreni-krediti .benefit-section {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .predodobreni-krediti .input-wrap .label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
/* ==================================================
    =High def devices
===================================================== */
/*RetailOffers*/
/* Custom tables ----------------------------------------------------------------------------------------------- */
.custom-table.horizontal-scroll {
  overflow: auto;
}
.custom-table.horizontal-scroll .table-row.border-bottom {
  border-bottom: none;
}
.custom-table.horizontal-scroll .table-row.border-bottom .col {
  border-bottom: 2px solid #ebeced;
}
.custom-table.horizontal-scroll .col-ls-2 {
  min-width: 103px;
}
.custom-table.horizontal-scroll .col-ls-3 {
  min-width: 155px;
}
.custom-table.horizontal-scroll .col-ls-4 {
  min-width: 207px;
}
.custom-table.horizontal-scroll .col-ls-5 {
  min-width: 175px;
}
.custom-table .table-row {
  zoom: 1;
  position: relative;
  display: block;
}
.custom-table .table-row:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.custom-table .table-row.flex {
  display: flex;
  min-height: 60px;
}
.custom-table .table-row.flex .col {
  display: flex;
  align-items: center;
}
.custom-table .table-row.flex .col-text {
  width: 100%;
  white-space: normal;
}
.custom-table .table-row.button-row {
  padding-right: 85px;
}
.custom-table .table-row.clickable {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
}
.custom-table .table-row.clickable:hover {
  background-color: rgba 82, 174, 48, 0.5;
}
.custom-table .table-row.row-1 {
  border-bottom: 1px solid #ebeced;
}
.custom-table .table-row.row-2 {
  zoom: 1;
}
.custom-table .table-row.row-2:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.custom-table .table-row.border {
  border-bottom: 1px solid #EFEFEF;
}
.custom-table .table-row.border-bottom {
  border-bottom: 2px solid #ebeced;
}
.custom-table .table-row.border:first-child {
  border-top: 1px solid #EFEFEF;
}
.custom-table .table-head.flex {
  min-height: auto;
}
.custom-table .table-2 .flag-box {
  width: 35px;
  height: 35px;
}
.custom-table .table-2 .table-row {
  padding: 0 35px;
}
.custom-table .button-row .row-btn {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 20px;
  line-height: 20px;
}
.custom-table .flag:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 6px;
  height: calc(100% - 2px);
}
.custom-table .flag.cl-1:before {
  background-color: #e23939;
}
.custom-table .flag.cl-2:before {
  background-color: #0095c9;
}
.custom-table .flag.cl-3:before {
  background-color: #9CCC66;
}
.custom-table .hoverable-row:hover {
  background-color: rgba 82, 174, 48, 0.5;
  cursor: pointer;
}
.custom-table .no-padd-bot .col {
  padding-bottom: 0;
}
.custom-table .hidden-elems {
  display: none;
}
.custom-table .col {
  padding: 11px 15px;
  position: relative;
}
.custom-table .col-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
}
.custom-table .col .center {
  text-align: center;
}
.custom-table .progress-bar-2 {
  margin: 14px 0;
}
.custom-table .has-button {
  padding-right: 160px;
}
.custom-table .has-button .btn-1 {
  width: 130px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  right: 15px;
}
.custom-table .tag-col {
  padding-left: 65px;
  background-repeat: no-repeat;
  background-position: 15px center;
}
.custom-table .account-col {
  padding-left: 70px;
}
.custom-table .row-1 .col.no-border:before {
  display: none;
}
.custom-table .row-1 .col:before {
  content: "";
  width: 1px;
  height: 18px;
  background: #ebeced;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
}
.custom-table .row-1 .col:first-child:before {
  display: none;
}
.custom-table .row-hover {
  background: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom-table .row-hover:hover {
  background: #f2fafc;
  border-color: #000000;
}
.custom-table .pos-left {
  float: left;
}
.custom-table .text-cl-1 {
  color: #333333;
}
.custom-table .text-cl-2 {
  color: #000000;
}
.custom-table .text-cl-3 {
  color: #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: #52AE30;
  width: calc(100% - 310px);
  margin-left: auto;
  border-radius: 40px 0 0 0;
  z-index: 1;
}
#page-footer .footer-content {
  padding: 13px 80px 9px;
}
#page-footer .footer-text {
  color: #FFFFFF;
  font-family: "Lato-Semibold", sans-serif;
  font-size: 15px;
}
#page-footer .footer-text a {
  color: rgba(0, 0, 0, 0.54);
}
#page-footer .footer-social-wrapper {
  font-size: 0;
}
#page-footer .footer-social-link {
  width: 36px;
  height: 36px;
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.25);
  margin: 8px;
  display: inline-block;
  transition: border-color 0.5s;
  border-radius: 50%;
}
#page-footer .footer-social-link:hover {
  border-color: #FFFFFF;
}
#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: rgba(0, 0, 0, 0.54) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  font-family: "Source-Sans-Pro", sans-serif;
}
.clientGrid tbody tr {
  background-color: transparent !important;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.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: #52AE30;
}
.background-2 {
  background-color: #2A7F00;
}
.background-3 {
  background-color: rgba(0, 0, 0, 0.54);
}
.background-4 {
  background-color: #FFFFFF;
}
.background-5 {
  background-color: #F5F5F5;
}
.background-6 {
  background-color: rgba(0, 0, 0, 0.87);
}
.background-7 {
  background-color: #C7C7C7;
}
.background-8 {
  background-color: #EFEFEF;
}
.background-9 {
  background-color: #E8E9EC;
}
.background-10 {
  background-color: #0f7;
}
.background-11 {
  background-color: #52AE30;
}
.background-12 {
  background-color: #fff;
}

.element-border {
  border-radius: 12px;
}

.element-border-2 {
  border-radius: 10px;
}

.element-border-3 {
  border-radius: 20px;
}

.element-border-4 {
  border-radius: 50%;
}

.element-border-5 {
  border-radius: 38px;
}

.font-2 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
}
.font-3 {
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.font-4 {
  font-family: Lat-Bold, sans-serif;
}
.font-5 {
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.font-6 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
}
.font-7 {
  font-family: "Source-Sans-Pro", sans-serif;
}

.title-1 {
  font-size: 32px;
}
.title-2 {
  font-size: 24px;
}
.title-3 {
  font-size: 18px;
}
.title-4 {
  font-size: 30px;
}
.title-5 {
  font-size: 20px;
}
.title-6 {
  font-size: 40px;
  line-height: 1.05;
}

.page-text {
  font-size: 15px;
}
.page-text-2 {
  font-size: 13px;
}
.page-text-3 {
  font-size: 15px !important;
}
.page-text-4 {
  font-size: 14px !important;
}

.center {
  text-align: center !important;
}

.relative {
  position: relative;
}

.wrapper-border-radius {
  overflow: hidden;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  /*box-shadow: 0 17px 17px -5px rgba(0,0,0,0.08);*/
  max-height: 470px;
  overflow: auto;
  position: relative;
}
.wrapper-border-radius.fxt {
  max-height: none;
}
.wrapper-border-radius.intra {
  max-height: none;
}
.wrapper-border-radius::-webkit-scrollbar {
  background: white;
  width: 5px;
}
.wrapper-border-radius::-webkit-scrollbar-track {
  top: 20px;
  background: white;
}
.wrapper-border-radius::-webkit-scrollbar-thumb {
  background-color: #52ae30;
  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: rgba(0, 0, 0, 0.54);
}
.text-color-4, .text-color-5 {
  color: #b8bac4;
}
.text-color-6 {
  color: #FFFFFF;
}
.text-color-7 {
  color: rgba(0, 0, 0, 0.54);
}
.text-color-8 {
  color: #52AE30;
}
.text-color-9 {
  color: #f60;
}
.text-color-10 {
  color: rgba(0, 0, 0, 0.87);
}

.font-6 {
  font-family: Sarabun-Bold, sans-serif;
}

.pdf-ico {
  width: 18px;
  height: 15px;
  stroke: rgba(0, 0, 0, 0.87);
}

.dot-menu {
  width: 40px;
  height: 40px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  position: relative;
  display: inline-block;
  -webkit-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
}
.dot-menu:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
}
.dot-menu svg {
  width: 16px;
  height: 16px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.dot-menu .dot-menu-inner {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  width: 25px;
  transform: translate(-50%, -50%);
}
.dot-menu .dot-menu-inner .dot-menu-dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 1px;
}
.dot-decoration {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.flex-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.flex-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.right {
  text-align: right !important;
}

.background-5 {
  background-color: #F5F5F5;
}

.popup-content {
  position: absolute;
  z-index: 300;
  background-color: #EFEFEF;
  border-radius: 16px;
  top: 150%;
  right: 0;
  padding: 24px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  visibility: hidden;
  -webkit-transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  /*right: -40px;*/
  right: 0;
  width: 252px;
}
.popup-content.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  z-index: 102;
}
.popup-content .dot-decoration {
  top: -14px;
  right: 46px !important;
  background-color: #F60 !important;
}

.activity-popup-filter .popup-item {
  position: relative;
}
.activity-popup-filter .popup-item.active .page-text {
  color: #52AE30;
}
.activity-popup-filter .popup-item.active .popup-check {
  opacity: 1;
}
.activity-popup-filter .popup-item .page-text {
  padding-right: 40px;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.activity-popup-filter .popup-item .page-text:hover {
  color: #52AE30;
}
.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: #52AE30;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.activity-popup-filter .page-text {
  display: block;
  padding-right: 20px;
  position: relative;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.activity-popup-filter .page-text:hover {
  color: #52ae30;
}
.activity-popup-filter .page-text.active {
  color: rgba(0, 0, 0, 0.87);
}
.activity-popup-filter .page-text.active .popup-check {
  opacity: 1;
}
.activity-popup-filter .page-text.active:hover {
  color: #52ae30;
}

.activity-popup-filter.smaller-popup-filter {
  width: 115px;
  height: 267px;
  padding: 0;
}
.activity-popup-filter.smaller-popup-filter-2 {
  width: 170px;
}
.activity-popup-filter.no-padding-right .page-text {
  padding-right: 0;
}

.activity-popup-scroll-content {
  height: 100%;
}
.activity-popup-scroll-content .optiscroll-content {
  padding: 24px;
}

.no-yes-dialog {
  border-radius: 16px !important;
  z-index: 301;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  padding: 25px 40px 40px !important;
  max-width: 328px;
  width: -webkit-calc(100% - 40px) !important;
  width: calc(100% - 40px) !important;
  background-color: #EFEFEF !important;
  color: #191E39 !important;
  border: none !important;
  background: #EFEFEF;
}
.no-yes-dialog .ui-dialog-title {
  margin-bottom: 30px;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 24px;
  text-align: center !important;
}
.no-yes-dialog .page-text {
  line-height: normal;
  margin-bottom: 20px;
}
.no-yes-dialog .group-inner {
  margin-bottom: 50px;
}
.no-yes-dialog .input-wrap.focusin {
  border-color: rgba(0, 0, 0, 0.54);
}
.no-yes-dialog .input-wrap.focusin .input-1 {
  border-color: rgba(0, 0, 0, 0.54);
}
.no-yes-dialog .input-wrap.inputDialog {
  /*            &.focusin {
      border-color: $color-3;

      .input-1 {
          border-color: #52ae30;
      }
  }*/
}
.no-yes-dialog .input-wrap.inputDialog .input-1 {
  transition: border-color 0.3s;
  border: 1px solid #dcdcdc;
}
.no-yes-dialog .input-wrap.inputDialog .input-1:focus {
  border-color: #52AE30 !important;
}

.profile-text-arrow {
  width: 7px;
  height: 12px;
}

.transaction-popup-option:hover svg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

a {
  color: rgba(0, 0, 0, 0.87);
}

.transaction-filter-inner .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 0.3s;
  transition: background-color 0.3s;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.transaction-filter-inner .dk-select-options .dk-option:first-child {
  /*border-top: 2px solid $color-2 !important;*/
  border-top: none;
}
.transaction-filter-inner .dk-select-options .dk-option:hover {
  background-color: #F5F5F5 !important;
  border-color: #DCDCDC !important;
}
.transaction-filter-inner .dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
}
.transaction-filter-inner .dk-select .dk-select-options.active {
  display: block !important;
}
.transaction-filter-inner .dk-selected {
  padding: 11px 35px 11px 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);
}
.transaction-filter-inner .dk-selected:before {
  content: "";
  display: block;
}
.transaction-filter-inner .dk-selected:after {
  content: "";
  display: block;
  width: 9px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 15px;
  background: url(images/icons/arrows-2.png) 50% no-repeat;
  background-size: 9px;
  display: none;
}
.transaction-filter-inner .dk-selected.recDialog {
  pointer-events: none;
}
.transaction-filter-inner .select .dk-selected {
  /* &:before {
      content: '';
      top: 55%;
      display: block;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      border-top-color: $color-18;
      position: absolute;
      border-width: .35em .35em 0;
      margin: 0;
      border: solid transparent;
      right: 5px;
      background-image: url(images/icons/arrows-2.png);
      background-size: 9px;
      background-repeat: no-repeat;
      width: 20px;
      height: 20px;
  }*/
}

.dot-menu-text-wrapper {
  position: absolute;
  right: 0;
  top: -65px;
}
.dot-menu-text-wrapper .pdf-download {
  padding: 13px 20px;
  margin-left: 16px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: box-shadow 0.5s, background-color 0.5s;
  transition: box-shadow 0.5s, background-color 0.5s;
  border-radius: 20px;
}
.dot-menu-text-wrapper .pdf-download:hover {
  background-color: #efefef;
  box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
}
.dot-menu-text-wrapper .pdf-download .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;
}
.dot-menu-text-wrapper .pdf-ico {
  width: 18px;
  height: 15px;
}

.paymentTemplates .templateWrapper {
  display: flex;
}
.paymentTemplates .beneficiaries-filter-menu-wrapper-inner {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner {
  height: 40px;
  margin: 0;
  width: 477px;
}
.paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap {
  height: 40px;
}
.paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap svg {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap .search {
  fill: #c7c7c7;
}
.paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap input {
  font-size: 14px;
  padding: 12px 50px 12px 20px;
  height: 41px;
}
.paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap input:focus {
  border-color: #52ae30;
}
.paymentTemplates .beneficiaries-filter-menu-wrapper-inner .dot-menu {
  width: unset;
  height: unset;
  padding: 9px 13px;
  margin: 0;
  outline: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #52ae30;
  position: relative;
  border-radius: 25px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.0018);
  -webkit-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  cursor: pointer;
  color: white;
  text-transform: unset;
  margin-left: 20px;
  transition: all 0.5s;
  height: 38px;
  font-family: "Source-Sans-Pro-bold", sans-serif;
}
.paymentTemplates .beneficiaries-filter-menu-wrapper-inner .dot-menu:hover {
  background-color: #2a7f00;
}
.paymentTemplates .empty-state-message {
  text-align: center;
  margin-top: 150px;
  color: rgba(0, 0, 0, 0.54);
}

.transaction-filter-submit {
  background: none;
  width: 40px;
  height: 40px;
  border: none;
  background-color: #2A7F00;
  border-radius: 12px;
  box-shadow: 0px 8px 24px rgba(54, 60, 164, 0.4);
  transition: box-shadow 0.5s;
}
.transaction-filter-submit svg {
  width: 6px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #FFFFFF;
}
.transaction-filter-box {
  margin: 0 8px 10px;
}

.user-intro-section-profile-box {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 8px;
  position: relative;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}
.user-intro-section-profile-box .dot-decoration {
  position: absolute;
  width: 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%);
  stroke: #FFFFFF;
}
.user-intro-section-profile .dot-menu {
  z-index: 999;
}
.user-intro-section-profile .dot-menu .popup-content .dot-decoration {
  right: 55px;
}
.user-intro-section-profile .dot-menu .activity-popup-filter .page-text {
  text-align: left;
}
.user-intro-section-profile .dot-menu.my_profile {
  border-radius: 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.0018);
  position: relative;
  border-radius: 50%;
}
.user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-img .object-fit-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-img .object-fit-cover.noImg {
  display: grid;
  place-items: center;
  background-color: #0095c9;
  font-size: 1.8rem;
  color: white;
}
.user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-account-text {
  width: -webkit-calc(100% - 55px);
  width: calc(100% - 55px);
  padding-left: 16px;
}
.user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-account-text .profile_title {
  font-size: 18px;
  font-family: "Source-Sans-Pro-semibold", "sans-serif";
  margin-bottom: 0;
  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:hover .profile-popup-options-ico-box {
  background-color: #52ae30;
}
.user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options:hover .profile-popup-options-ico-box .profile-option-ico {
  fill: #fff;
  stroke: #fff;
}
.user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options:hover .item-text {
  color: #52ae30;
}
.user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options:hover .profile-text-arrow {
  left: 103%;
}
.user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .profile-popup-options-ico-box {
  width: 58px;
  height: 40px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.0018);
  -webkit-transition: all 0.5s;
  position: relative;
  transition: all 0.5s;
  background-color: #fff;
  border-radius: 50%;
}
.user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .profile-popup-options-ico-box .profile-option-ico {
  position: absolute;
  width: 18px;
  height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  fill: rgba(0, 0, 0, 0.87);
  stroke: rgba(0, 0, 0, 0.87);
}
.user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .item-text {
  width: calc(100% - 40px);
  padding-left: 16px;
  padding-right: 50px;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  position: relative;
  margin-bottom: 0;
  font-size: 15px;
  font-family: "Source-Sans-Pro-bold", "sans-serif";
}
.user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .profile-text-arrow {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 7px;
  height: 12px;
  fill: #52ae30;
  transition: left 0.5s;
  cursor: pointer;
}
.user-intro-section-profile .user-profile-tag {
  width: 100%;
  background-color: #0095c9;
  color: #FFFFFF;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  vertical-align: middle;
  position: absolute;
  left: 0;
}

.profile-box-inner {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.profile-popup {
  width: 300px;
  text-align: left;
}
.profile-popup.popup-content-p {
  position: absolute;
  z-index: 300;
  background-color: #EFEFEF;
  border-radius: 16px;
  top: 150%;
  right: 0px;
  padding: 24px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  visibility: hidden;
  -webkit-transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
.profile-popup.popup-content-p.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.profile-popup .flex-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.profile-popup .flex-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.profile-popup .profile-popup-img {
  width: 55px;
  height: 55px;
  overflow: hidden;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24);
}
.profile-popup .profile-popup-img .user-profile-tag {
  line-height: 56px;
}
.profile-popup .profile-popup-account-text {
  width: -webkit-calc(100% - 75px);
  width: calc(100% - 75px);
  padding-left: 16px;
}
.profile-popup .profile-popup-account-text .title-3 {
  font-size: 18px;
}
.profile-popup .profile-popup-account-text .font-6 {
  font-family: Sarabun-Bold, sans-serif;
}
.profile-popup .profile-popup-account-text .margin-1 {
  margin-bottom: 10px;
}
.profile-popup .profile-popup-account-text .page-text-2 {
  font-size: 13px;
}
.profile-popup .profile-popup-account-text .font-3 {
  font-family: "Lato-Semibold", sans-serif;
}
.profile-popup .profile-popup-account-text .text-color-7 {
  color: rgba(0, 0, 0, 0.54);
}
.profile-popup .profile-popup-account-text .margin-0 {
  margin-bottom: 0;
}
.profile-popup .profile-popup-options .page-text {
  width: -webkit-calc(100% - 110px);
  width: calc(100% - 110px);
  padding-left: 16px;
  padding-right: 50px;
}
.profile-popup .profile-popup-options-ico-box {
  width: 40px;
  height: 40px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.profile-popup .profile-text-arrow {
  width: 7px;
  height: 12px;
  fill: #2A7F00;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
}
.profile-popup .profile-option-ico {
  position: absolute;
  width: 21px;
  height: 21px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.profile-popup .relative {
  position: relative;
}
.profile-popup .element-border {
  border-radius: 12px;
}
.profile-popup .background-4 {
  background-color: #FFFFFF;
}
.profile-popup .dark-mode-toggle,
.profile-popup .profile-text-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.profile-popup .popup-profile-options:hover .profile-text-arrow {
  -webkit-transform: translate(10px);
  transform: translate(10px);
}
.profile-popup .dot-decoration {
  top: -14px;
  right: 15px;
}

.object-fit-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

.repayments,
.widget-pagination {
  justify-content: center !important;
  align-items: center !important;
}
.repayments.templates a,
.widget-pagination.templates a {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 6px !important;
  background-color: #FFFFFF;
  border-radius: 25px;
  border: none;
  transition: box-shadow 0.5s;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  margin: 0 4px;
  transition: all 0.5s;
}
.repayments.templates a:last-child,
.widget-pagination.templates a:last-child {
  margin-right: 0;
}
.repayments.templates a:hover,
.widget-pagination.templates a:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
  background-color: #efefef;
}
.repayments .ellipse.less, .repayments .ellipse.more,
.widget-pagination .ellipse.less,
.widget-pagination .ellipse.more {
  display: none !important;
}
.repayments .page_link,
.widget-pagination .page_link {
  display: none !important;
}
.repayments .page_link.first, .repayments .page_link.last,
.widget-pagination .page_link.first,
.widget-pagination .page_link.last {
  display: none !important;
}
.repayments svg.rotate,
.widget-pagination svg.rotate {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.showPagination .pagination {
  font-family: "Lato-Semibold", sans-serif;
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
  padding-right: 20px;
}
.showPagination .pagination .pageCurrent {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  width: 40px;
  height: 40px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  border: 1px solid #E8E9EC;
  margin: 0 13px;
  background-color: #FFFFFF;
  border-radius: 12px;
  margin: 0 13px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  min-width: 50px;
  border: 1px solid #dcdcdc;
  border-radius: 25px;
}

.payment-filter {
  border-bottom: 1px solid #C7C7C7;
}
.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 0.5s;
}
.payment-filter-box .payment-filter-ico {
  transition: opacity 0.5s;
}
.payment-filter-box .inactive-arrow {
  opacity: 0;
}
.payment-filter-date {
  width: 15.5%;
}
.payment-filter-date .page-text-2 {
  padding-left: 75px;
}
.payment-filter-recipient {
  width: 30%;
  padding-left: 10px;
}
.payment-filter-description {
  width: 44%;
}
.payment-filter-amount {
  width: 10%;
}
.payment-filter-ico {
  position: absolute;
  width: 8px;
  height: 14px;
  right: 0;
  top: 0;
}
.payment-filter-ico.intra-arrow {
  width: 6px;
  height: 10px;
  right: 20px;
  top: 20px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  fill: #52ae30;
}
.payment-filter-payment {
  position: relative;
  padding: 5px 8px 4px 8px;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.5s;
}
.payment-filter-payment:hover {
  background-color: #F5F5F5;
}
.payment-filter-payment .page-text {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  padding-left: 16px;
  word-break: break-all;
}
.payment-filter-payment .page-text small {
  position: relative;
  top: -2px;
  display: inline-flex;
}
.payment-filter-payment .page-text .dot-menu-dot {
  display: block;
  margin: 2px;
}
.payment-filter-payment .page-text .payment-filter-currency {
  margin: 0 5px;
}
.payment-inner-text {
  width: calc(100% - 40px);
  padding-left: 16px;
}
.payment-inner-text h4 {
  margin-bottom: 0px;
}
.payment-ico-border-svg {
  position: absolute;
  top: -6px;
  left: -12px;
  width: 87px;
  height: 60px;
}
.payment-ico-border-svg rect {
  fill: transparent;
  stroke: #2A7F00;
  stroke-width: 5px;
  stroke-dasharray: 0 540;
}
.payment-ico-border-svg.five rect {
  stroke-dasharray: 70 540;
}
.payment-ico-border-svg.ten rect {
  stroke-dasharray: 100 540;
}
.payment-ico-border-svg.twenty rect {
  stroke-dasharray: 140 540;
}
.payment-ico-border-svg.thirty rect {
  stroke-dasharray: 190 540;
}
.payment-ico-border-svg.fifty rect {
  stroke-dasharray: 210 540;
}
.payment-ico-border-svg.sixty rect {
  stroke-dasharray: 240 540;
}
.payment-ico-border-svg.seventy rect {
  stroke-dasharray: 260 540;
}
.payment-ico-border-svg.eighty rect {
  stroke-dasharray: 280 540;
}
.payment-ico-border-svg.ninety rect {
  stroke-dasharray: 310 540;
}
.payment-ico-border-svg.hundred rect {
  stroke-dasharray: 350 540;
}
.payment-info-date {
  width: 15.5%;
}
.payment-info-date .page-text {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  padding-left: 16px;
}
.payment-info-recipient {
  width: 29.5%;
}
.payment-info-description {
  width: 39%;
}
.payment-info-amount {
  width: 16%;
  text-align: right;
}

.payments-ico {
  position: relative;
  width: 43px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  -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;
}
.see-all-transactions.active .see-all-transactions-text {
  display: none;
}
.see-all-transactions.active .see-less-transactions-text {
  display: inline-block;
}
.see-all-transactions .see-less-transactions-text {
  display: none;
}

.gvCurrencyExchange .clientGrid tbody tr td {
  line-height: 24px;
}
.gvCurrencyExchange .payment-inner-text.left {
  text-align: left;
  padding-top: 5px;
}

.Html.Advertising,
.HtmlPromo {
  margin: 30px 0 60px;
}
.Html.Advertising .advert,
.HtmlPromo .advert {
  width: 66.154%;
  height: 319px;
}

.commercial-text-wrapper {
  width: 29%;
}
.commercial-text-wrapper p {
  margin-bottom: 20px;
}
.commercial-img {
  min-height: 100%;
  background: url(images/pictures/promo-saving-goals.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 0.5s;
  transition: box-shadow 0.5s;
  cursor: pointer;
}
.btn-shadow-1 {
  box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4);
}
.btn-shadow-1:hover {
  box-shadow: 0 -2px 24px rgba(54, 60, 164, 0.4);
}

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

.text-align-left {
  text-align: left !important;
}

.payment-inner-text.left {
  text-align: left;
}

.no-border {
  border: none !important;
}

.right-dialog.details-dialog .mCSB_dragger_bar {
  background-color: rgb(82, 174, 48) !important;
  border-radius: 5px !important;
  width: 4px !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%);
}

.AccountSlider {
  margin-bottom: 60px !important;
}
.AccountSlider .user-account-card {
  box-shadow: 0 65px 69px -44px rgba(54, 57, 164, 0.16);
  padding: 40px;
}
.AccountSlider .user-account-card-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.AccountSlider .tabslider {
  position: relative;
  z-index: 2;
  top: -130px;
  width: 220px;
  left: 617px;
}
.AccountSlider .account-menu .user-account-arrow-ico {
  width: 18px;
  height: 16px;
}
.AccountSlider .highcharts-title,
.AccountSlider .highcharts-subtitle,
.AccountSlider #chartMenu {
  display: none !important;
}
.AccountSlider .user-intro-select-wrapper {
  padding: 3px 3px;
}
.AccountSlider .user-intro-select-wrapper .user-intro-select-item {
  padding: 3px 30px;
  white-space: nowrap;
}
.AccountSlider .user-intro-select-wrapper .user-intro-select-item.active {
  background-color: #52AE30;
  border-radius: 10px;
  color: #FFFFFF;
  transition: color 200ms;
}
.AccountSlider .user-account-card-outer.account-card-active {
  position: relative;
  z-index: 1 !important;
}
.AccountSlider .accountSliderSw-switch {
  display: flex;
  width: 300px;
  font-family: "Source-Sans-Pro-semibold", "sans-serif";
  background: #2a7f00;
  border-radius: 12px;
  position: relative;
  height: fit-content;
  float: right;
}
.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% - 6px);
  height: calc(100% - 6px);
  position: absolute;
  top: 3px;
  left: 4px;
  background: #52ae30;
  /*box-shadow: 0 8px 10px rgba(0,0,0, .8);*/
  border-radius: 10px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.AccountSlider .accountSliderSw-switch > span {
  display: block;
  width: 50%;
  float: left;
  font-size: 15px;
  text-align: center;
  color: white;
  padding: 6px 5px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  cursor: pointer;
  position: relative;
}

.user-account-background-card {
  position: absolute;
  width: 96%;
  height: 100%;
  left: 50%;
  top: -11px;
  border-radius: 16px;
  opacity: 0.5;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.user-account-background-card:nth-child(2) {
  opacity: 0.25;
  top: -19px;
  width: 93%;
}
.user-account-card-outer.account-card-active {
  position: relative;
  /*z-index: 1;*/
}
.user-account-card-left-col {
  width: 55%;
  padding-right: 40px;
  border-right: 1px solid #d4dfec;
}
.user-account-card-left-col .user-account-card-left-col-inner {
  width: 60%;
}
.user-account-card-left-col .user-account-card-left-col-inner .user-account-card-img {
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.user-account-card-left-col .user-account-card-right-col-inner {
  width: 32%;
}
.user-account-card-right-col {
  padding-left: 40px;
  width: 31%;
}
.user-account-card-right-col .user-intro-select-wrapper {
  padding: 6px 3px;
  position: relative;
  z-index: 1;
}
.user-account-card-right-col .user-intro-select-wrapper .user-intro-select-item {
  position: relative;
  font-size: 15px;
  font-family: "Lato-Semibold", sans-serif;
  padding: 0 30px;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  width: 33.333333%;
  text-align: center;
  padding: 0 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: rgba(0, 0, 0, 0.87);
}
.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: 10px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.16);
}
.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: #0f7;
}
.user-chart-info .user-chart-arrow.user-chart-arrow-down {
  fill: #f30042;
}
.user-chart-info .user-chart-info-text {
  width: -webkit-calc(100% - 14px);
  width: calc(100% - 14px);
  padding-left: 15px;
}
.user-intro-select-wrapper.promotions {
  right: unset !important;
}
.user-intro-select-wrapper.promotions .k-tabstrip-items {
  left: 30% !important;
  top: -100px;
}
.user-intro-select-wrapper.promotions .k-tabstrip-items .k-state-default {
  padding: 7px 50px 5px !important;
}
.user-intro-select-wrapper.promotions ul {
  margin-left: 0px !important;
  left: 30% !important;
}
.user-intro-select-wrapper.my_profile .k-tabstrip-items {
  background-color: #E8E9EC;
}
.user-intro-select-wrapper.my_profile .k-tabstrip-items .k-state-default .k-link {
  color: rgba(0, 0, 0, 0.54);
}
.user-intro-select-wrapper.my_profile .k-tabstrip-items .k-state-default .k-link:hover, .user-intro-select-wrapper.my_profile .k-tabstrip-items .k-state-default .k-link:focus {
  color: #52ae30;
}
.user-intro-select-wrapper.my_profile .k-tabstrip-items .k-state-active .k-link {
  color: #52ae30;
}
.user-intro-select-wrapper.my_profile .user-intro-select-indicator {
  background-color: #FFFFFF;
}
.user-intro-select-wrapper .user-intro-select-item {
  position: relative;
  font-size: 15px;
  font-family: "Lato-Semibold", sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  z-index: 1;
}
.user-intro-select-wrapper .user-intro-select-indicator {
  position: absolute;
  height: -webkit-calc(100% - 6px);
  height: calc(100% - 6px);
  top: 50%;
  left: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 10px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.16);
  -webkit-transition: width 0.5s, left 0.5s;
  transition: width 0.5s, left 0.5s;
}

.account-card-nav {
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.account-select-popup-item {
  border-radius: 20px;
  padding: 16px;
  cursor: pointer;
  -webkit-transition: background-color 0.5s, box-shadow 0.5s, background 0.5s;
  transition: background-color 0.5s, box-shadow 0.5s, background 0.5s;
  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 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
}
.account-arrow-right, .account-item-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slideAnimationNext {
  opacity: 10;
  animation: slideDown 0.4s ease-in-out;
  animation-fill-mode: forwards;
}
.slideAnimationPrev {
  animation: slideUp 0.4s ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes slideDown {
  0% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    visibility: visible;
  }
  20% {
    transform: translateY(100px) scale(0.9);
    opacity: 1;
  }
  60% {
    transform: translateY(-100px) scale(0.95);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
  }
}
@keyframes slideUp {
  0% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    visibility: visible;
  }
  20% {
    transform: translateY(-100px) scale(0.9);
    opacity: 0.8;
  }
  60% {
    transform: translateY(100px) scale(0.95);
    opacity: 0.6;
  }
  100% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
  }
}
.details-dialog.accountsList .account-arrow-right {
  width: 20px;
  height: 14px;
}
.details-dialog.accountsList .user-account-card-img {
  width: 50px;
  height: 50px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.details-dialog.accountsList .user-account-card-img.accounts {
  width: 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 .highcharts-background {
  fill: white;
}
.chartView .highcharts-grid > path {
  stroke: none;
}
.chartView .highcharts-axis {
  display: none;
}
.chartView .highcharts-xaxis-labels, .chartView .highcharts-yaxis-labels {
  display: none;
}
.chartView .highcharts-container {
  transform: translateX(-40px);
}
.chartView .highcharts-legend {
  display: none;
}

.inline-tabs {
  text-align: center;
}

.my-account-main-form-wrapper {
  max-width: 571px;
  margin: 0 auto 60px;
  padding: 0;
  text-align: left;
}
.my-account-main-form-wrapper .pdf-download {
  padding: 13px 20px;
  margin-left: 16px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.5s, background-color 0.5s;
  cursor: pointer;
  border-radius: 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: #FFF;
  box-shadow: none;
}
.my-account-main-form-wrapper .pdf-download.font-3 {
  font-family: "Sans-serif-pro", sans-serif !important;
}
.my-account-main-form-wrapper .my-account-info-wrapper {
  padding-right: 120px;
}
.my-account-main-form-wrapper .my-account-info-wrapper .pdf-download {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.my-account-main-form-wrapper .my-account-info-wrapper .pdf-download .pdf-ico {
  width: 18px;
  height: 15px;
}
.my-account-main-form-wrapper .my-account-info-wrapper .pdf-download .page-text {
  width: -webkit-calc(100% - 18px);
  width: calc(100% - 18px);
  text-transform: uppercase;
  padding: 0 0 0 5px;
  line-height: 1;
  font-family: "Source-Sans-Pro-bold", sans-serif;
}
.my-account-main-form-wrapper .my-account-info-wrapper .pdf-download .lowercase {
  text-transform: none !important;
}
.my-account-main-form-wrapper .accOfficer {
  border-top: 1px dashed gray;
}
.my-account-main-form-wrapper .accOfficer .btn-wrapper button {
  width: calc(100% - 56px);
}
.my-account-main-form-wrapper .accOfficer.firstInSettingsTab {
  border-top: none !important;
}
.my-account-main-form-wrapper .accOfficer h3 {
  margin: 40px 0 30px 0;
  font-size: 15px;
  font-family: "Source-Sans-Pro-bold", "sans-serif";
}
.my-account-main-form-wrapper .accOfficer .input-wrapper .acc-card-icon {
  width: 40px;
  height: 40px;
  float: left;
  margin-left: 15px;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.my-account-main-form-wrapper .accOfficer .input-wrapper .acc-card-icon svg {
  width: 27px;
  height: 27px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  stroke: rgba(0, 0, 0, 0.87);
  position: absolute;
  margin-right: 15px;
}
.my-account-main-form-wrapper .accOfficer .input-wrapper .acc-card-icon i {
  background-image: url(images/menu-icons/ico_cards@2x.png);
  background-size: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 27px;
  height: 27px;
  position: absolute;
  background-position: 50% 50%;
}
.my-account-main-form-wrapper .accOfficer .input-wrapper .toggle-btn {
  position: absolute;
  width: 40px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  border-radius: 20px;
  padding: 5px;
  transition: background-color 0.5s;
  background-color: #E1E1E1;
  pointer-events: none;
}
.my-account-main-form-wrapper .accOfficer .input-wrapper .toggle-btn .toggle-btn-switch {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #FFFFFF;
  transition: transform 0.5s;
}
.my-account-main-form-wrapper .accOfficer .input-wrapper .accounts-and-cards {
  position: relative;
  display: block;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.6);
  padding: 8px 15px 8px 64px !important;
  border-radius: 40px !important;
}
.my-account-main-form-wrapper .accOfficer .input-wrapper .accounts-and-cards p {
  margin-bottom: 0px !important;
}
.my-account-main-form-wrapper .accOfficer .input-wrapper.active .toggle-btn {
  background-color: #52AE30;
}
.my-account-main-form-wrapper .accOfficer .input-wrapper.active .toggle-btn .toggle-btn-switch {
  transform: translateX(100%);
}
.my-account-detail-intro {
  width: 100%;
  margin-top: -50px;
  position: relative;
}
.my-account-detail-intro .my-account-detail-img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.my-account-detail-intro .my-account-detail-img-wrapper {
  width: 80px;
  height: 80px;
  margin: auto;
  /*margin-bottom: 20px;*/
}
.my-account-detail-intro .my-account-detail-change-img {
  position: absolute;
  width: 40px;
  height: 40px;
  right: -10px;
  bottom: -10px;
  display: block;
  /*border-radius: 12px;*/
  border-radius: 50%;
  background-color: #f60;
}
.my-account-detail-intro .my-account-detail-change-img .cam-ico {
  position: absolute;
  width: 18px;
  height: 15px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  stroke: currentColor;
  color: #fff;
}
.my-account-detail-intro .user-name {
  margin: 10px 0 2px 0;
  color: white;
}
.my-account-detail-intro .last-login-color {
  color: #c7e1be;
}
.my-account-detail-intro .title-2 {
  margin-bottom: 10px;
}
.my-account-detail-intro .page-text {
  margin-bottom: 0;
}
.my-account-detail-intro .object-fit-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.my-account-detail-intro .object-fit-cover.profile {
  border-radius: 50%;
}
.my-account-detail-intro .blue-cam-ico {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.my-account-detail-intro .user-profile-tag {
  width: 100%;
  background-color: #0095c9;
  color: #FFFFFF;
  font-size: 38px;
  text-transform: uppercase;
  text-align: center;
  line-height: 80px;
  vertical-align: middle;
  position: absolute;
  left: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.my-account-detail-intro .user-profile-tag span {
  position: relative;
  /*top: -10px;*/
}
.my-account-detail-intro .attachment-card {
  padding-left: 20px;
  background-color: #FFFFFF;
}
.my-account-detail-intro .attachment-card p {
  color: #52AE30;
}
.my-account-detail-intro .btn-1:hover {
  background-color: rgba(0, 0, 0, 0.54);
}

.exchange-form-wrapper label {
  padding: 0 16px;
  display: block;
}
.exchange-form-wrapper .input-1 {
  box-sizing: border-box;
  border: 1px solid #E8E9EC;
}
.exchange-form-wrapper .btn-wrapper {
  margin-bottom: 150px;
}
.exchange-form-wrapper .btn-2 {
  display: block;
  max-width: 243px;
  margin: auto;
  width: 100%;
}
.exchange-form-wrapper .btn-2:hover {
  box-shadow: 0 0 14px rgba(54, 60, 164, 0.4);
}

.uppercase {
  text-transform: uppercase;
}

.beneficiaries-star {
  stroke: #C7C7C7;
  fill: transparent;
  -webkit-transition: fill 0.5s, stroke 0.5s;
  transition: fill 0.5s, stroke 0.5s;
  width: 20px;
  height: 20px;
}

.bigger-pdf-button {
  padding: 10px 22px;
}

.block-label {
  display: block;
  padding: 0 16px;
}

.k-header {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  border: none;
}
.k-tabstrip .k-content {
  position: relative;
  margin: 0 auto;
  padding: 0;
  background-color: transparent !important;
  border: none !important;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.k-tabstrip .k-content.k-state-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.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 0.5s;
  transition: color 0.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: #52ae30;
  border-radius: 5px;
  width: 3px;
}
.wrapperIntra.active .intrabank-wrapper .input-wrap,
.wrapperIntraCode.active .intrabank-wrapper .input-wrap,
.wrapperIntraAcc.active .intrabank-wrapper .input-wrap {
  border-bottom-right-radius: unset;
  border-bottom-left-radius: unset;
}
.wrapperIntra.active .wraperOptionsTemplate .intraTemplate,
.wrapperIntraCode.active .wraperOptionsTemplate .intraTemplate,
.wrapperIntraAcc.active .wraperOptionsTemplate .intraTemplate {
  overflow: unset;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12);
}
.wrapperIntra .wraperOptions,
.wrapperIntraCode .wraperOptions,
.wrapperIntraAcc .wraperOptions {
  width: 33%;
  position: relative;
}
.wrapperIntra .wraperOptions.recDialog,
.wrapperIntraCode .wraperOptions.recDialog,
.wrapperIntraAcc .wraperOptions.recDialog {
  width: 401.25px;
}
.wrapperIntra .wraperOptionsTemplate,
.wrapperIntraCode .wraperOptionsTemplate,
.wrapperIntraAcc .wraperOptionsTemplate {
  width: 398px;
}

.wrapperIntraCode {
  width: 424px !important;
}

.formWrapper {
  height: 650px;
  overflow: hidden;
  transition: 0.5s ease;
}
.formWrapper.open {
  height: 906px;
}
.formWrapper.predefined {
  height: 740px;
}
.formWrapper.predefined.open {
  height: 988px;
}
.formWrapper > .limit-wrapper > .limit-content .text-color-7 {
  color: #52ae30 !important;
}
.formWrapper > .limit-wrapper > .progress-bar {
  position: relative;
  width: 100%;
  height: 8px;
  overflow: hidden;
  background-color: #d9d9d9;
  border-radius: 25px;
}
.formWrapper > .limit-wrapper > .progress-bar span {
  width: 70%;
}
.formWrapper > .limit-wrapper > .progress-bar .seventy {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #52ae30;
  border-radius: 6px;
  transition: all 0.5s;
}

.wrapperTemplate {
  height: 50px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: all 0.5s ease !important;
}
.wrapperTemplate.open {
  height: 152px;
}

.wrapperTemplateDialog {
  height: 50px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: all 0.5s ease !important;
}

.intrabank-wrapper {
  position: relative;
  width: 100%;
}
.intrabank-wrapper.recDialog {
  width: 339px;
}
.intrabank-wrapper.with-label-inside .input-1 {
  font-size: 15px;
  line-height: 1.4;
  height: fit-content;
  max-width: 518px;
  padding: 23px 56px 6px 19px !important;
}
.intrabank-wrapper.with-label-inside .input-1.input-bold {
  font-family: "Source-Sans-Pro-bold", sans-serif;
}
.intrabank-wrapper.with-label-inside .input-1:focus {
  border-color: #52ae30;
}
.intrabank-wrapper.with-label-inside > .input-ico-right-wrapper {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  cursor: pointer;
}
.intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4 {
  background-color: #52ae30;
}
.intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: currentColor;
  stroke: currentColor;
}
.intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2 {
  color: #fff;
}
.intrabank-wrapper.with-label-inside.val {
  width: 50%;
  margin-right: 80px;
}
.intrabank-wrapper.with-label-inside.val .input-1 {
  width: 100%;
}
.intrabank-wrapper.with-label-inside.model .input-1 {
  width: 58px !important;
}
.intrabank-wrapper.with-label-inside.refNum .input-1 {
  width: 426px;
}
.intrabank-wrapper.with-label-inside .input-text-right {
  position: absolute;
  top: 50%;
  right: -60px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}
.intrabank-wrapper .dateInput {
  padding: 25px 56px 6px 24px !important;
  height: fit-content;
  border: 1px solid #dcdcdc;
  border-radius: 30px;
  width: 100%;
}
.intrabank-wrapper .template {
  padding: 16px 56px 14px 24px !important;
  border: 1px solid #dcdcdc;
  border-radius: 30px;
  color: black;
  font-weight: 800;
  background-color: rgb(255, 255, 255);
  cursor: pointer;
}
.intrabank-wrapper .template.recDialog {
  display: inline-block;
  width: 318px;
}
.intrabank-wrapper .toggle-btn {
  position: absolute;
  width: 40px;
  height: 20px;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 20px;
  padding: 5px;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  background-color: #e1e1e1;
  pointer-events: none;
}
.intrabank-wrapper .toggle-btn.recDialog {
  top: 42%;
  right: -46px;
}
.intrabank-wrapper .toggle-btn .toggle-btn-switch {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.intrabank-wrapper.active .toggle-btn {
  background-color: #52ae30;
}
.intrabank-wrapper.active .toggle-btn .toggle-btn-switch {
  transform: translateX(100%);
}
.intrabank-wrapper .animationLabel {
  position: absolute;
  top: 16px;
  left: 24px;
  padding: 0 !important;
  font-family: "Source-Sans-Pro", "sans-serif";
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
  -webkit-transition: color 0.2s, top 0.2s, left 0.2s, -webkit-transform 0.2s;
  transition: color 0.2s, top 0.2s, left 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, color 0.2s, top 0.2s, left 0.2s;
  transition: transform 0.2s, color 0.2s, top 0.2s, left 0.2s, -webkit-transform 0.2s;
  pointer-events: none;
  will-change: transform;
  z-index: 1;
}
.intrabank-wrapper .animationLabel.date {
  top: 8px;
  left: 19px;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  color: #52ae30;
  font-family: "Source-Sans-Pro-semibold", "sans-serif";
  pointer-events: none;
}
.intrabank-wrapper.focusin .animationLabel {
  top: 8px;
  left: 15px;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  color: #52ae30;
  font-family: "Source-Sans-Pro-semibold", "sans-serif";
}
.intrabank-wrapper.label-inside-custom-select .animationLabel {
  top: 8px;
  left: 15px;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  color: #52ae30;
  font-family: "Source-Sans-Pro-semibold", "sans-serif";
  pointer-events: none;
}
.intrabank-wrapper.label-inside-custom-select .exhange-form-select {
  padding: 23px 30px 6px 24px;
  cursor: pointer;
  background-color: rgb(255, 255, 255);
}
.intrabank-wrapper.label-inside-custom-select .element-border-6 {
  border-radius: 30px;
}
.intrabank-wrapper.label-inside-custom-select .relative {
  position: relative;
}
.intrabank-wrapper.label-inside-custom-select .payment-filter-ico {
  width: 6px;
  height: 10px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  fill: #52ae30;
}
.intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down {
  right: 12px;
  top: 5px;
}
.intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay {
  top: 12px;
}
.intrabank-wrapper.label-inside-custom-select .paymentCode {
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background-color: rgb(255, 255, 255);
}
.intrabank-wrapper.label-inside-custom-select .paymentCode.predefined {
  background-color: rgb(241, 241, 241);
  pointer-events: none;
  color: #989898;
}
.intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options {
  max-height: 150px;
  display: none;
}
.intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item {
  padding: 15px 16px 15px 24px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover {
  background-color: #f5f5f5;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.intrabank-wrapper.label-inside-custom-select .paymentCode.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options {
  display: block;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  position: absolute;
  width: 197px;
  z-index: 2;
  background-color: rgb(255, 255, 255);
  border: 1px solid #dcdcdc;
  overflow: hidden;
}
.intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list {
  overflow: scroll;
  max-height: 150px;
  width: 197px;
  padding: 0;
}
.intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar {
  background: white;
  width: 3px;
}
.intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track {
  top: 20px;
  background: white;
}
.intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb {
  background-color: #52ae30;
  border-radius: 5px;
  width: 3px;
}
.intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select {
  border-bottom: 2px solid #52ae30;
}
.intrabank-wrapper.label-inside-custom-select .page-text {
  font-size: 15px;
  pointer-events: none;
}
.intrabank-wrapper.label-inside-custom-select .margin-0 {
  margin: 0;
}
.intrabank-wrapper > .validationMessage {
  color: #FF0000;
  float: left;
  font-size: 14px;
  margin-top: 14px;
  margin-bottom: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding-left: 19px;
  position: absolute;
  display: block;
  transform: translateY(-10px);
}
.intrabank-wrapper.dialog {
  width: 339px;
}

.input-wrapper {
  position: relative !important;
}
.input-wrapper.txt {
  margin-top: 120px;
}
.input-wrapper .noActiveAcc {
  width: fit-content;
  margin: auto;
  padding-right: 24px;
  transform: translateY(-3px);
}

.payment-wrapper {
  position: absolute;
  width: 600px;
}
.payment-wrapper > .input-wrap.input-select-1.credit-type-select-wrapper.padding-list-accounts {
  border: 1px solid #dcdcdc;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12);
  z-index: 10;
}
.payment-wrapper > .input-wrap.input-select-1.credit-type-select-wrapper.padding-list-accounts.creditAccounts-sg {
  cursor: default !important;
  pointer-events: none !important;
}
.payment-wrapper > .input-wrap.input-select-1.credit-type-select-wrapper.padding-list-accounts.creditAccounts-sg .payment-ico-filter-down {
  display: none !important;
}

.input-payment {
  position: relative;
  margin: 140px 0 60px 0;
}
.input-payment.noAcc {
  margin-top: 50px;
}
.input-payment > .amount-wrap > .input-1.input-amount {
  border: 1px solid #dcdcdc;
}

.new-passowrd-rules {
  border: 2px dotted #52AE30;
  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: #52AE30;
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s, visibility 0.5s;
  transition: transform 0.5s, opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
}
.personal-data-settings .help-info-list {
  padding: 20px;
  list-style-type: disc;
  border: none !important;
}
.personal-data-settings .help-info-item {
  color: #FFFFFF;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  margin-top: 3px;
  font-size: 14px !important;
}
.personal-data-settings .help-ico {
  background-image: url(images/icons/ivr-info.png);
  background-color: #FFFFFF;
  background-size: 18px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  background-position: 50% 50%;
  margin-top: 6px !important;
}
.personal-data-settings .help-triangle-ico {
  position: absolute;
  fill: #52AE30;
  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: #52AE30;
  transform: translate(-50%, -50%);
  content: "";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s;
}
.personal-data-settings .accOfficer .custom-radio-button .custom-label {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 15px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.87);
  margin: 0;
}

.card-delivery-no .ui-dialog-titlebar:before {
  display: none !important;
}

.marketing-dialog {
  padding: 0px 40px !important;
  text-align: justify;
}
.marketing-dialog .ui-dialog-titlebar {
  margin-top: 30px;
  text-align: center;
}
.marketing-dialog .ui-dialog-titlebar:before {
  content: "";
  display: table;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80px !important;
  height: 6px !important;
  border-radius: 6px;
  margin: auto;
  margin-bottom: 10px;
  background-color: #2A7F00 !important;
  background-image: none !important;
}
.marketing-dialog .ui-dialog-buttonpane {
  width: calc(100% - 80px) !important;
  position: absolute;
  bottom: 30px;
}
.marketing-dialog button {
  background: #52AE30 !important;
  color: #FFFFFF !important;
  width: 100% !important;
  height: 45px !important;
}
.marketing-dialog #messageBoxElement {
  font-family: "Source-Sans-Pro", sans-serif !important;
}

.help-info-wrapper {
  position: absolute;
  right: 18px;
  bottom: 12px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.help-info-wrapper:hover {
  height: 53px;
}
.help-info-wrapper:hover .help-info-text {
  -webkit-transform: translate(-50%, -16px);
  transform: translate(-50%, -16px);
  opacity: 1;
  visibility: visible;
}
.help-info-text {
  position: absolute;
  width: 305px;
  bottom: 33px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-color: rgba(54, 57, 164, 0.8);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s, visibility 0.5s;
  transition: transform 0.5s, opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
}
.help-info-list {
  padding: 0px 24px 24px 35px;
  list-style-type: disc;
  border: none !important;
}
.help-info-item {
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  margin-top: 3px;
  font-size: 14px !important;
}
.help-ico {
  width: 20px;
  height: 20px;
  fill: #C7C7C7;
}

.FastPayment {
  position: relative;
  margin-bottom: 40px;
}
.FastPayment .s-widget-body {
  position: relative;
}
.FastPayment .s-widget-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #2A7F00;
}
.FastPayment .s-widget-title {
  margin-bottom: 0;
}
.FastPayment .s-widget .s-overlay {
  background-color: transparent;
}
.FastPayment .dot-menu {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}
.FastPayment .dot-menu-text-wrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  margin-bottom: 0;
  top: -48px;
  right: 0;
}
.FastPayment .dot-menu-text-wrapper .page-text {
  padding: 4px 16px 0 0;
}
.FastPayment .dot-menu-inner {
  width: 100%;
  top: 50%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.FastPayment .dot-menu-inner .dot-menu-dot {
  margin: 2px;
}
.FastPayment .dot-menu .activity-popup-filter {
  width: 235px;
  z-index: 30000;
}
.FastPayment .dot-menu .activity-popup-filter.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.FastPayment .dot-menu .activity-popup-filter .page-text {
  display: block;
  padding-right: 20px;
  position: relative;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.FastPayment .dot-menu .activity-popup-filter .page-text:hover {
  color: #52AE30;
}
.FastPayment .dot-menu .popup-content {
  right: 0;
}
.FastPayment .fast-pay-account {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  padding: 16px;
  height: 80px;
  width: 16.666667%;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  cursor: pointer;
  min-width: 195px;
}
.FastPayment .fast-pay-account:hover {
  background-color: #FFFFFF;
}
.FastPayment .fast-pay-account-img {
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.FastPayment .fast-pay-account-img.no-img {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 16px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  line-height: 1;
}
.FastPayment .fast-pay-account .page-text {
  width: -webkit-calc(100% - 48px);
  width: calc(100% - 48px);
  padding: 0 16px;
  overflow-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ui-dialog.right-dialog.details-dialog {
  width: 500px !important;
}
.ui-dialog.right-dialog.visible {
  right: 24px;
}
.ui-dialog.right-dialog .ui-dialog-content {
  height: 900px;
}
.ui-dialog.right-dialog.accountsFavorites {
  top: 24px !important;
  bottom: 24px;
  height: auto !important;
  margin: 0 !important;
  padding: 0;
  overflow: hidden !important;
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto !important;
}
.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: #2A7F00 !important;
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-account-wrapper-outer {
  height: 100%;
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-account-popup-title {
  margin-bottom: 30px;
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-accounts-popup-wrapper {
  position: relative;
  height: 100%;
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-item-inner {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto !important;
  top: 120px !important;
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item .account-select-item-text {
  padding-right: 25px;
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item .account-select-item-text .page-text {
  margin-bottom: 0;
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item .add-remove-favorite-star {
  position: absolute;
  stroke: #C7C7C7;
  fill: transparent;
  -webkit-transition: fill 0.5s, stroke 0.5s;
  transition: fill 0.5s, stroke 0.5s;
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item .add-remove-favorite-star.active {
  stroke: #252888;
  fill: #252888;
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select.-popup-item .active {
  background-color: #FFFFFF;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-inter-inner-scroll {
  padding: 0 40px;
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .add-remove-favorite-item {
  border-radius: 40px;
  height: 70px;
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .add-remove-favorite-item .user-account-card-img {
  width: 40px;
  height: 40px;
  box-shadow: none;
  overflow: hidden;
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .add-remove-favorite-item .user-account-card-img .page-text-3 {
  position: absolute;
  line-height: 1;
  margin-bottom: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .beneficiaries-fav {
  position: absolute;
  stroke: #C7C7C7;
  fill: transparent;
  -webkit-transition: fill 0.5s, stroke 0.5s;
  transition: fill 0.5s, stroke 0.5s;
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .beneficiaries-fav.active svg {
  stroke: #F60;
  fill: #F60;
}
.ui-widget.ui-widget-content {
  border: none !important;
}

.filter-error-text {
  max-width: 350px;
  margin: auto;
  margin-top: 100px;
}
.filter-error-ico {
  width: 48px;
  height: 48px;
  stroke: #6F6F6F;
}

.fastPayment .filter-error-text {
  margin-top: 5px;
}
.fastPayment .noFastPayText {
  top: 13px !important;
}

.main-nav {
  height: -webkit-calc(100% - 15vh);
  height: calc(100% - 15vh);
}

.main-nav .optiscroll-vtrack {
  background-color: #39c;
}

.main-nav-list-item {
  position: relative;
  font-family: "Source-Sans-Pro-semibold", "sans-serif";
  font-size: 15px;
  line-height: 1.333;
  letter-spacing: -0.02em;
  margin-bottom: 25px;
  color: rgba(0, 0, 0, 0.87);
}

.main-nav-list-item.active .main-nav-link-ico {
  background-color: #52ae30;
}

.main-nav-list-item.active .main-nav-link-ico-svg {
  color: #fff;
  stroke: #fff;
}

.main-nav-list-item.active .main-nav-list-text {
  color: #52ae30;
}

.main-nav-list-item.active .main-nav-active-indicator {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.main-nav-list-item.active .main-nav-dropdown .main-nav-dropdown-item .main-nav-active-indicator {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.main-nav-list-item.active .main-nav-dropdown .main-nav-dropdown-item.active .main-nav-active-indicator {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.main-nav-list-item.has-dropdown {
  cursor: pointer;
}

.main-nav-list-item.has-dropdown .main-nav-list-item-inner {
  padding-right: 80px;
}

.main-nav-list-item.dropdown-active .main-nav-link-ico {
  background-color: #52ae30;
}

.main-nav-list-item.dropdown-active .main-nav-link-ico-svg {
  color: #fff;
  stroke: #fff;
}

.main-nav-list-item.dropdown-active .main-nav-dropdown-svg {
  -webkit-transform: translate(-50%, -50%) rotate(270deg);
  transform: translate(-50%, -50%) rotate(270deg);
}

.main-nav-list-item-inner {
  position: relative;
  padding-left: 40px;
}

.main-nav-list-item-inner:hover .main-nav-active-indicator {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.main-nav-active-indicator {
  position: absolute;
  display: block;
  width: 6px;
  height: 100%;
  background-color: #52ae30;
  border-radius: 4px;
  top: 0;
  left: -3px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.main-nav-dropdown-arrows {
  position: absolute;
  display: block;
  top: 15px;
  right: 55px;
  width: 9px;
  height: 14px;
  background-image: url(../img/icons/arrows-2.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.main-nav-list-arrow {
  display: inline;
  position: relative;
  width: 6px;
  height: 10px;
}

.main-nav-dropdown-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  fill: #52ae30;
}

.main-nav-list-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-nav-list-link:hover .main-nav-link-ico {
  background-color: #52ae30;
}

.main-nav-list-link:hover .main-nav-link-ico-svg {
  color: #fff;
  stroke: #fff;
}

.main-nav-list-link:hover .main-nav-list-text {
  color: #52ae30;
}

.main-nav-link-ico {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.main-nav-link-ico-svg {
  position: absolute;
  color: rgba(0, 0, 0, 0.87);
  stroke: rgba(0, 0, 0, 0.87);
  width: 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: rgba(0, 0, 0, 0);
  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-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.popup-ammount-wrapper .user-account-card-img.cards {
  height: 48px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  background-image: url(images/icons/card-1.jpg);
  background-repeat: no-repeat;
  padding-left: 0 !important;
  background-position: center;
  background-size: contain;
}
.popup-ammount-wrapper .user-account-card-img.card {
  width: 250px !important;
  height: 158px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16) !important;
  margin: auto;
  border-radius: 12px;
  position: relative;
  margin-bottom: 20px;
}
.popup-ammount-wrapper .user-account-card-img.card.block {
  display: block;
}
.popup-ammount-wrapper .user-account-card-img.card .card-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-601 {
  background-image: url("images/cards-types/card-601.png");
}
.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-603 {
  background-image: url("images/cards-types/card-603.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-604 {
  background-image: url("images/cards-types/card-604.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-624 {
  background-image: url("images/cards-types/card-624.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-625 {
  background-image: url("images/cards-types/card-625.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-626 {
  background-image: url("images/cards-types/card-626.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-636 {
  background-image: url("images/cards-types/card-636.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-638 {
  background-image: url("images/cards-types/card-638.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-639 {
  background-image: url("images/cards-types/card-639.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-640 {
  background-image: url("images/cards-types/card-640.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-641 {
  background-image: url("images/cards-types/card-641.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-644 {
  background-image: url("images/cards-types/card-644.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-646 {
  background-image: url("images/cards-types/card-646.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-651 {
  background-image: url("images/cards-types/card-651.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-659 {
  background-image: url("images/cards-types/card-659.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-662 {
  background-image: url("images/cards-types/card-662.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-663 {
  background-image: url("images/cards-types/card-663.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-668 {
  background-image: url("images/cards-types/card-668.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-669 {
  background-image: url("images/cards-types/card-669.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-681 {
  background-image: url("images/cards-types/card-681.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-683-1 {
  background-image: url("images/cards-types/card-683.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-6831 {
  background-image: url("images/cards-types/card-6831.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-6832 {
  background-image: url("images/cards-types/card-6832.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-6833 {
  background-image: url("images/cards-types/card-6833.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-6834 {
  background-image: url("images/cards-types/card-6834.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-6830 {
  background-image: url("images/cards-types/card-6830.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-684 {
  background-image: url("images/cards-types/card-684.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-685 {
  background-image: url("images/cards-types/card-685.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-687 {
  background-image: url("images/cards-types/card-687.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-689 {
  background-image: url("images/cards-types/card-689.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-692 {
  background-image: url("images/cards-types/card-692.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-693 {
  background-image: url("images/cards-types/card-693.png");
}
.popup-ammount-wrapper .user-account-card-img.card .card-image.card-696 {
  background-image: url("images/cards-types/card-696.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 0.5s;
  transition: color 0.5s;
}

.transaction-popup-option .profile-text-arrow {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.transaction-popup-option .dot-menu {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.transaction-popup-option:hover .profile-text-arrow {
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}

.transaction-popup-option:hover .dot-menu {
  background-color: #52ae30;
}

.transaction-popup-option:hover .main-nav-link-ico-svg {
  stroke: #fff;
  fill: #fff;
}

.transaction-popup-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-2:hover {
  background-color: #2a7f00;
}
.user-account-card-right-col-inner .text-color-6:hover {
  background-color: #2a7f00;
}
.user-account-card-right-col-inner .text-color:hover {
  color: #52ae30;
}

.transaction-popup-detail.side-trigger:hover .main-nav-link-ico-svg {
  stroke: #fff;
}

.transaction-popup-detail.side-trigger {
  cursor: pointer;
}

.transaction-popup-detail .dot-menu {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.transaction-popup-detail .page-text.active {
  color: #52AE30;
}

.transaction-popup-detail .page-text.inactive {
  color: red;
}

.transaction-popup-detail .main-nav-link-ico-svg {
  stroke: #52ae30;
}

.transaction-popup-detail-hidden-group {
  display: none;
}

.transaction-popup-detail-expand-group {
  width: 100%;
  text-align: center;
  padding: 18px;
  background: radial-gradient(circle, hsla(0, 0%, 100%, 0.6) 50%, hsla(0, 0%, 100%, 0) 100%);
}

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text {
  position: relative;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 14px;
  line-height: 1;
  color: #52ae30;
  padding: 12px 60px;
}

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text.active .ico-minus {
  opacity: 1;
  visibility: visible;
}

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text.active .ico-plus {
  opacity: 0;
  visibility: hidden;
}

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text.active .expanded-text {
  display: inline-block;
}

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text.active .unexpanded-text {
  display: none;
}

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 60px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  stroke: #52ae30;
}

.transaction-popup-detail-expand-group .ico-minus {
  opacity: 0;
  visibility: hidden;
}

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-text {
  display: inline-block;
  margin-bottom: 0;
  padding-left: 24px;
}

.transaction-popup-detail-expand-group .expanded-text {
  display: none;
}

.user-accout-background-card {
  position: absolute;
  width: 96%;
  height: 100%;
  left: 50%;
  top: -11px;
  border-radius: 16px;
  opacity: 0.5;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.user-accout-background-card:nth-child(2) {
  opacity: 0.25;
  top: -19px;
  width: 93%;
}

.user-account-card-outer {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.user-account-card-outer.account-card-active {
  position: relative;
  overflow: unset;
  border-radius: 16px;
  transition: 0.5s ease;
}
.user-account-card-outer.account-card-active.showMore {
  overflow: unset;
  background: white;
}
.user-account-card-outer.account-card-active.showMore .user-account-card {
  border-radius: 16px 16px 0 0;
}

.user-account-card {
  border-radius: 20px;
  padding: 35px 40px;
}

.user-account-card .btn-2 {
  display: block;
  padding: 14px 10px;
}

.user-accout-card-left-col {
  width: 61%;
  padding-right: 40px;
  border-right: 1px solid #dedfe3;
}

.user-accout-card-left-col-inner {
  width: 60%;
}

.user-accout-card-right-col-inner {
  width: 32%;
}

.user-intro-section-profile-ico {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  stroke: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.user-accout-card-img {
  position: relative;
  width: 48px;
  height: 48px;
  overflow: hidden;
  background-color: rgb(239, 239, 239);
}

.user-acount-card-svg {
  position: absolute;
  color: rgba(0, 0, 0, 0.87);
  stroke: rgba(0, 0, 0, 0.87);
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

.user-accout-card-right-col {
  padding-left: 40px;
  width: 31%;
}

.user-accout-card-right-col .user-intro-select-item {
  width: 33.333333%;
  text-align: center;
  padding: 0 10px;
}

.user-accout-card-right-col .user-intro-select-item.active, .user-accout-card-right-col .user-intro-select-item:hover {
  color: rgba(0, 0, 0, 0.87);
}

.user-accout-card-right-col img {
  width: 100%;
  height: auto;
}

.account-detail-popup .popup-ammount-ico-wrapper {
  width: 60px;
  height: 60px;
}

.account-detail-popup .popup-ammount-ico {
  width: 32px;
  height: 22px;
  stroke: rgba(0, 0, 0, 0.87);
}

.messageBoxElement {
  padding-bottom: 10px;
}

.ui-dialog-buttonpane {
  padding-top: 17px !important;
}

.pending-expenses-box {
  margin-top: 15px;
  display: flex;
  align-items: flex-start;
}

.pending-expenses-ico-col {
  width: 60%;
}

.pending-expenses-text {
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
}

.pending-expenses-sum {
  width: 30%;
}

.pending-expenses-sum span {
  margin-left: 10px;
}

.none-padding-left {
  padding-left: 0px !important;
}

.transaction-popup-detail .page-text.active {
  color: #52ae30;
}

.transaction-popup-detail .page-text.bold {
  font-weight: bold;
}

.account-detail-popup .popup-ammount-ico-wrapper {
  width: 60px;
  height: 60px;
}

.account-detail-popup .popup-ammount-ico {
  width: 32px;
  height: 22px;
  stroke: rgba(0, 0, 0, 0.87);
}

.account-detail-menu {
  width: 100px;
}

.account-detail-menu .activity-popup-filter {
  right: -28px;
  width: 184px;
}

.textAccountDetails {
  color: rgba(0, 0, 0, 0.54);
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}

.isEmptyGrid {
  padding: 0px 10px !important;
}

.isEmptyGriError {
  margin-top: 10px !important;
  padding: 0px !important;
}

.isEmptyGriErrorbetween {
  width: 100% !important;
}

.payment-dialog-button {
  margin-right: 20px;
  background-color: #FFFFFF;
}

.padding-right-1 {
  padding-right: 10px;
}

.payment-button-width {
  width: 48% !important;
}

.text-no-wrap {
  white-space: nowrap !important;
}

.mCSB_container .clientGrid .align-left div {
  white-space: nowrap;
}

.arrow-1,
.arrow-3 {
  transform: rotate(180deg) !important;
  opacity: 0;
}
.arrow-1.active,
.arrow-3.active {
  opacity: 1 !important;
  z-index: 1;
}

.arrow-2,
.arrow-4 {
  opacity: 0;
}
.arrow-2.active,
.arrow-4.active {
  opacity: 1 !important;
}

.loans-error {
  margin-top: 0px !important;
}

.ap-grid-text {
  margin-bottom: -15px !important;
}

.messageHub-header .UserInfoHeader .user-heading .subHeading {
  display: none;
}

.successSend {
  left: 50% !important;
  background-color: #FFFFFF;
  transform: translate(-50%, -50%) !important;
}
.successSend .btn-1 {
  bottom: -22px !important;
  width: 150px;
  left: 27%;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  padding: 10px 0px !important;
}
.successSend .page-text {
  text-align: center;
  margin-bottom: 5px !important;
}
.successSend .ui-widget-content {
  margin-bottom: -35px;
}

#SMSmessageDialog .validationMessage {
  margin-top: -7px;
}

#OTPmessageDialog .validationMessage {
  margin-top: 0px;
}
#OTPmessageDialog .tokenCode.active {
  border: 1px solid #52AE30;
}
#OTPmessageDialog .tokenCode.borderError {
  border: 1px solid red;
}

.inside-div-model-left {
  width: 33% !important;
}
.inside-div-model-left.pay {
  width: 135px !important;
}
.inside-div-model-left .input-1 {
  width: calc(100% - 80px) !important;
}
.inside-div-model-right {
  width: 67% !important;
  margin-right: 0px;
}
.inside-div-model-right.pay {
  width: 74% !important;
}

.PaymentOrderV2 .wraperOptions {
  width: 53%;
}

.PaymentOrderV2 .intrabank-wrapper.with-label-inside.val {
  width: 30%;
  margin-right: 80px;
}

.PaymentOrderV2 input.paymentPurpose,
.PaymentOrderV2 .paymentCode p.page-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 30px;
}

.all-accounts-popup-wrapper {
  height: 100%;
  border-radius: 16px;
  padding: 40px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.login-form .validationMessage {
  position: absolute;
  top: 55px;
  left: 0;
  margin: 0;
}

.accountsListDialog.card-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.accountsListDialog.card-image.card-601 {
  background-image: url("images/cards-types/card-601.png");
}
.accountsListDialog.card-image.card-602 {
  background-image: url("images/cards-types/card-602.png");
}
.accountsListDialog.card-image.card-603 {
  background-image: url("images/cards-types/card-603.png");
}
.accountsListDialog.card-image.card-604 {
  background-image: url("images/cards-types/card-604.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-624 {
  background-image: url("images/cards-types/card-624.png");
}
.accountsListDialog.card-image.card-625 {
  background-image: url("images/cards-types/card-625.png");
}
.accountsListDialog.card-image.card-626 {
  background-image: url("images/cards-types/card-626.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-636 {
  background-image: url("images/cards-types/card-636.png");
}
.accountsListDialog.card-image.card-637 {
  background-image: url("images/cards-types/card-637.png");
}
.accountsListDialog.card-image.card-638 {
  background-image: url("images/cards-types/card-638.png");
}
.accountsListDialog.card-image.card-639 {
  background-image: url("images/cards-types/card-639.png");
}
.accountsListDialog.card-image.card-640 {
  background-image: url("images/cards-types/card-640.png");
}
.accountsListDialog.card-image.card-641 {
  background-image: url("images/cards-types/card-641.png");
}
.accountsListDialog.card-image.card-642 {
  background-image: url("images/cards-types/card-642.png");
}
.accountsListDialog.card-image.card-644 {
  background-image: url("images/cards-types/card-644.png");
}
.accountsListDialog.card-image.card-646 {
  background-image: url("images/cards-types/card-646.png");
}
.accountsListDialog.card-image.card-651 {
  background-image: url("images/cards-types/card-651.png");
}
.accountsListDialog.card-image.card-659 {
  background-image: url("images/cards-types/card-659.png");
}
.accountsListDialog.card-image.card-662 {
  background-image: url("images/cards-types/card-662.png");
}
.accountsListDialog.card-image.card-663 {
  background-image: url("images/cards-types/card-663.png");
}
.accountsListDialog.card-image.card-668 {
  background-image: url("images/cards-types/card-668.png");
}
.accountsListDialog.card-image.card-669 {
  background-image: url("images/cards-types/card-669.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-681 {
  background-image: url("images/cards-types/card-681.png");
}
.accountsListDialog.card-image.card-683 {
  background-image: url("images/cards-types/card-683.png");
}
.accountsListDialog.card-image.card-683-1 {
  background-image: url("images/cards-types/card-683.png");
}
.accountsListDialog.card-image.card-6831 {
  background-image: url("images/cards-types/card-6831.png");
}
.accountsListDialog.card-image.card-6832 {
  background-image: url("images/cards-types/card-6832.png");
}
.accountsListDialog.card-image.card-6833 {
  background-image: url("images/cards-types/card-6833.png");
}
.accountsListDialog.card-image.card-6834 {
  background-image: url("images/cards-types/card-6834.png");
}
.accountsListDialog.card-image.card-6830 {
  background-image: url("images/cards-types/card-6830.png");
}
.accountsListDialog.card-image.card-684 {
  background-image: url("images/cards-types/card-684.png");
}
.accountsListDialog.card-image.card-685 {
  background-image: url("images/cards-types/card-685.png");
}
.accountsListDialog.card-image.card-687 {
  background-image: url("images/cards-types/card-687.png");
}
.accountsListDialog.card-image.card-689 {
  background-image: url("images/cards-types/card-689.png");
}
.accountsListDialog.card-image.card-690 {
  background-image: url("images/cards-types/card-690.png");
}
.accountsListDialog.card-image.card-692 {
  background-image: url("images/cards-types/card-692.png");
}
.accountsListDialog.card-image.card-693 {
  background-image: url("images/cards-types/card-693.png");
}
.accountsListDialog.card-image.card-696 {
  background-image: url("images/cards-types/card-696.png");
}

slideAnimationHide {
  animation: slideUp 1s ease-in-out;
  animation-fill-mode: forwards;
}

.slideAnimationPredNext {
  animation: slideDown 1s ease-in-out;
  animation-fill-mode: forwards;
}

.slideAnimationNext {
  animation: slideDown 1s ease-in-out;
  animation-fill-mode: forwards;
}

.slideAnimationPrev {
  animation: slideUp 1s ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes slideDown {
  0% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    visibility: visible;
  }
  20% {
    transform: translateY(100px) scale(0.9);
    opacity: 0.4;
  }
  60% {
    transform: translateY(-100px) scale(0.95);
    opacity: 0.4;
  }
  100% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes slide-down {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes slideUp {
  0% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    visibility: visible;
  }
  20% {
    transform: translateY(-100px) scale(0.9);
    opacity: 0.4;
  }
  60% {
    transform: translateY(100px) scale(0.95);
    opacity: 0.4;
  }
  100% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes slide-up {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.ui-dialog-buttons.no-yes-dialog.information.login .ui-dialog-titlebar {
  display: block !important;
}
.ui-dialog-buttons.no-yes-dialog.information.login .ui-dialog-buttonpane {
  margin-top: 20px;
}
.ui-dialog-buttons.no-yes-dialog.information.login .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1) {
  background-color: #52AE30;
  color: white;
}

.success-token-block,
.success-token-reactivation {
  background-color: #EFEFEF !important;
}
.success-token-block #messageBoxElement,
.success-token-reactivation #messageBoxElement {
  text-align: left !important;
  font-size: 14px !important;
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
  color: rgba(0, 0, 0, 0.54) !important;
  line-height: initial;
}
.success-token-block button,
.success-token-reactivation button {
  background-color: #52AE30 !important;
  border: none !important;
  margin-bottom: -30px !important;
  color: #FFFFFF !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
.success-token-block .ui-dialog-titlebar,
.success-token-reactivation .ui-dialog-titlebar {
  display: block !important;
  border: none !important;
  background: transparent !important;
  margin-top: -10px !important;
}
.success-token-block .ui-dialog-titlebar span,
.success-token-reactivation .ui-dialog-titlebar span {
  font-size: 22px !important;
  float: unset !important;
  font-family: "Source-Sans-Pro-bold", sans-serif !important;
}
.success-token-block .ui-dialog-titlebar:before, .success-token-block .ui-dialog-titlebar:after,
.success-token-block .ui-dialog-titlebar button,
.success-token-reactivation .ui-dialog-titlebar:before,
.success-token-reactivation .ui-dialog-titlebar:after,
.success-token-reactivation .ui-dialog-titlebar button {
  display: none !important;
}

.no-yes-token #messageBoxElement {
  text-align: left !important;
  font-size: 14px !important;
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
  color: rgba(0, 0, 0, 0.54) !important;
  margin-top: -10px;
  margin-bottom: 20px !important;
}
.no-yes-token .ui-dialog-buttonset {
  margin-bottom: -20px !important;
}
.no-yes-token .ui-dialog-titlebar:before {
  margin-bottom: 5px !important;
}

.promo-cards-wrapper {
  margin-left: -9px;
  margin-right: -9px;
  display: flex;
  flex-wrap: wrap;
}
.promo-cards-wrapper .promo-card {
  width: calc(33.333333% - 18px);
  margin: 0 9px 44px 9px;
  border-radius: 30px;
  overflow: hidden;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.3s;
}
.promo-cards-wrapper .promo-card:hover {
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.24);
}
.promo-cards-wrapper .promo-card:hover .promo-card-img {
  transform: scale(1.05);
}
.promo-cards-wrapper .promo-card-img-wrapper {
  width: 100%;
  height: 14vw;
  max-height: 200px;
  overflow: hidden;
  background-color: #52AE30;
}
.promo-cards-wrapper .promo-card-img {
  transition: transform 0.3s ease-in;
}
.promo-cards-wrapper .promo-card-content {
  padding: 22px 24px;
  background-color: #FFFFFF;
}
.promo-cards-wrapper .promo-card-content.promo-card-content-center {
  height: calc(100% - 14vw);
}
.promo-cards-wrapper .promo-card-logo-wrapper {
  width: 40px;
  height: 40px;
  border: 1px solid #DCDCDC;
  border-radius: 50%;
  overflow: hidden;
}
.promo-cards-wrapper .promo-card-text-wrapper {
  width: calc(100% - 40px);
  padding-left: 16px;
}

.Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-selected {
  padding: 11px 12px 11px 18px;
  white-space: nowrap;
  overflow: hidden;
  background-color: white;
  border-radius: 25px;
  height: 18px;
  text-overflow: ellipsis;
  position: relative;
  z-index: 2;
  transform: translate(0px, 0px);
}
.Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options::-webkit-scrollbar {
  background: transparent;
  width: 5px;
  margin-top: 40px !important;
  margin-bottom: 20px !important;
}
.Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options::-webkit-scrollbar-track {
  top: 20px;
  background: white;
  height: 3px;
  transform: translate(0%, 0%);
  margin-top: 40px !important;
  margin-bottom: 20px !important;
}
.Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options::-webkit-scrollbar-thumb {
  background-color: #52ae30;
  border-radius: 5px;
  width: 4px;
  height: 3px;
  transform: translate(0%, 0%);
  margin-top: 40px !important;
  margin-bottom: 20px !important;
}
.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: 30% !important;
  max-width: 216px !important;
  margin: 0px 10px 10px !important;
}
.Forms_ActiveWorkflowListSOG .transaction-filter-box .transaction-filter {
  padding: 11px 0 !important;
}
.Forms_ActiveWorkflowListSOG .transaction-filter-box .transaction-filter input {
  padding: 12px 15px !important;
  background: transparent;
}
.Forms_ActiveWorkflowListSOG .payment-filter-box:first-child {
  width: 12% !important;
  padding-left: 30px !important;
}
.Forms_ActiveWorkflowListSOG .payment-filter-box .page-text-2 {
  padding-right: 10px !important;
}
.Forms_ActiveWorkflowListSOG .account-statements-info {
  padding: 8px 20px 8px 0 !important;
  border-radius: 28px !important;
  -webkit-transition: background-color 0.5s !important;
  transition: background-color 0.5s !important;
}
.Forms_ActiveWorkflowListSOG .account-statement-pdf-download p {
  padding-left: 5px !important;
}
.Forms_ActiveWorkflowListSOG .label-1 {
  display: block;
  font-weight: 600;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
  padding: 0 20px;
  margin-bottom: 7px;
}
.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: #EFEFEF !important;
  background-image: none !important;
}

.overlay-slider-1 {
  opacity: 0.001 !important;
}

.test ul {
  margin-left: calc(50% - 200px) !important;
  top: -15px !important;
}

.changePasswordClass.ui-dialog:not(.right-dialog).visible {
  width: 550px !important;
}
.changePasswordClass.ui-dialog:not(.right-dialog).visible .exchange-form-wrapper .btn-wrapper {
  margin-bottom: 10px;
}

.UserInfo .text-color-3 {
  color: #000000;
}

div[aria-describedby=changePasswordDialog] {
  border-radius: 25px;
  padding: 20px 30px !important;
  padding-top: 20px;
  height: 730px !important;
}
div[aria-describedby=changePasswordDialog] #changePasswordDialog {
  margin-bottom: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  transform: translateY(-40px);
}
div[aria-describedby=changePasswordDialog] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .page-text.font-3.text-color-3.margin-4 {
  margin: 30px 0 15px 0;
}
div[aria-describedby=changePasswordDialog] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules {
  padding: 20px;
}
div[aria-describedby=changePasswordDialog] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules p {
  padding: 0 !important;
  margin: 0 0 10px 10px;
  font-size: 18px;
}
div[aria-describedby=changePasswordDialog] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules div ul {
  padding-left: 10px;
}
div[aria-describedby=changePasswordDialog] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules div ul li {
  color: #52ae30;
  font-family: "Source-Sans-Pro-semibold";
  position: relative;
}
div[aria-describedby=changePasswordDialog] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules div ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #52ae30;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 2.5px);
  left: -10px;
}
div[aria-describedby=changePasswordDialog] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .btn-wrapper {
  display: flex;
  padding-bottom: 15px;
}
div[aria-describedby=changePasswordDialog] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .btn-wrapper button {
  font-family: "Source-Sans-Pro-semibold";
  box-shadow: 0 8px 24px rgba(54, 60, 164, 0.004) !important;
  transition: all 0.4s ease;
}
div[aria-describedby=changePasswordDialog] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .btn-wrapper button:hover {
  box-shadow: 0 8px 12px rgba(54, 60, 164, 0.004) !important;
}
div[aria-describedby=changePasswordDialog] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .btn-wrapper button:nth-child(2) {
  background: #fff;
  color: #52ae30;
}
div[aria-describedby=changePasswordDialog] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .input-wrapper .wrapper-label-input {
  border: 1px solid rgba(0, 0, 0, 0.54);
  height: 50px;
}
div[aria-describedby=changePasswordDialog] .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
  background-color: transparent;
  padding: 0;
  border: none;
  transform: translateY(-30px);
}
div[aria-describedby=changePasswordDialog] .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: translateY(28px);
  border: none;
  z-index: 2;
  background: transparent;
}
div[aria-describedby=changePasswordDialog] .all-account-popup-title.flex-layout.flex-center.space-between.center-popup-title h3 {
  width: 100%;
  text-align: center;
}
div[aria-describedby=changePasswordDialog] .all-account-popup-title.flex-layout.flex-center.space-between.center-popup-title .all-account-close.element-border-4.background-4.relative {
  transform: translateX(35px);
}

.session .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset button {
  width: 100% !important;
}

.unclickable-checkbox {
  background: rgba(199, 199, 199, 0.5) !important;
  cursor: default !important;
}

.disabled-input-field {
  pointer-events: none !important;
  background: #E8E9ED !important;
}

.passChangedBtn .ui-widget-content .ui-dialog-buttonset button {
  width: 100% !important;
  background-color: #F5F5F5 !important;
  color: #52AE30 !important;
  border: 1px solid #DCDCDC !important;
  padding: 10px 28px !important;
}

.filter-error-text-turnoverDetail {
  margin-top: 60%;
}
.filter-error-text-turnoverDetail .big-x {
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  fill: #FF435A;
  stroke: #FF435A;
}

.turnoverAmountView {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  position: relative !important;
}

.turnover-storno {
  color: red !important;
}

.turnoverDateView {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}

.loans_html_promo {
  margin-top: -230px;
}
.loans_html_promo.loansExist {
  margin-top: 0px !important;
}
.loans_html_promo .commercial-img {
  background: url(images/pictures/commericial-img.jpg) no-repeat center !important;
}

.cardTurnoverDetails div > .toggle-acc-details {
  margin-bottom: 15px;
}

.dissabled-button {
  pointer-events: none;
}

.info-dialog.visible.messageBoxElement .ui-button.ui-corner-all.ui-widget, .visible.messageBoxElement.ui-dialog.information .ui-button.ui-corner-all.ui-widget {
  width: 100%;
}

.delete-tag-dialog .ui-dialog-titlebar:before {
  margin-bottom: 10px !important;
}
.delete-tag-dialog .ui-dialog-content {
  text-align-last: center;
}
.delete-tag-dialog .ui-dialog-buttonset {
  margin-bottom: -20px;
}

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

.session-timeout-popup {
  opacity: 1 !important;
  position: absolute !important;
  z-index: 1005 !important;
  visibility: visible !important;
}

.contant-change-error .ui-dialog-buttonpane {
  margin-bottom: -40px;
}

.contactDataConfirmation .group-inner,
.contactDataEdit .group-inner {
  margin-bottom: 15px !important;
}
.contactDataConfirmation .page-text,
.contactDataEdit .page-text {
  font-family: "Source-Sans-Pro", sans-serif !important;
}
.contactDataConfirmation .validationMessage,
.contactDataEdit .validationMessage {
  margin-top: 5px !important;
  margin-bottom: 4px !important;
  padding-left: 0px !important;
}

.contactDataConfirmation .ui-dialog-title {
  white-space: pre-wrap !important;
}
.contactDataConfirmation .newEmail {
  font-family: "Source-Sans-Pro-bold", sans-serif !important;
}

.askBeforeHideDialog {
  z-index: 1003 !important;
}

.overlay-high-zindex {
  z-index: 1002 !important;
}

.success-change-email button {
  margin-bottom: -20px !important;
}

.personal-data-h3 {
  margin: 40px 0 30px 0;
  font-size: 15px;
  font-family: "Source-Sans-Pro-bold", sans-serif;
}

.popup-ammount-wrapper-2 {
  margin-right: -30px !important;
}

.popup-ammount-wrapper-3 {
  margin-right: 0px !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 button:nth-child(1) {
  float: right;
  background-color: #52AE30 !important;
  color: #FFFFFF !important;
}
.block-card-popup .ui-dialog-buttonset button:nth-child(1):hover {
  background-color: #2A7F00 !important;
}
.block-card-popup .ui-dialog-buttonset button:nth-child(2) {
  float: left;
  background-color: #FFFFFF !important;
  color: #000000 !important;
}
.block-card-popup .ui-dialog-buttonset button:nth-child(2):hover {
  background-color: #E8E9EC !important;
}

.dashboard-home .Chart {
  display: none !important;
}

.cardActivationDialog .group-inner {
  margin-bottom: 20px !important;
}

.active-card-status {
  color: #52AE30 !important;
}

.pfm-budgeting-boxes-wrapper,
#gvFinanceTurnover {
  margin-bottom: 80px !important;
}

.tagIsSelected {
  background-color: #52AE30 !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: inline-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: #52AE30;
  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;
  z-index: 10;
}
.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: #52AE30;
  border-radius: 5px;
  width: 4px;
}

#spanErrMsg {
  margin-top: 10px !important;
  white-space: break-spaces !important;
}

.error-border-line {
  border: 1px solid red !important;
}

.disabled-continue-button {
  pointer-events: none !important;
}

.session .ui-dialog-buttonpane {
  margin-bottom: -30px;
}
.session .ui-dialog-buttonpane .ui-dialog-buttonset button {
  border: 1px solid #DCDCDC !important;
  background-color: #F5F5F5 !important;
  color: #52AE30 !important;
}

.custom-spinner-dashboard {
  top: 50%;
  left: 50%;
  position: fixed;
  transform: translate(-50%, 0%);
  z-index: 15;
  background-color: #FFFFFF;
  padding: 5px 110px 140px 110px;
  border-radius: 20px;
}
.custom-spinner-dashboard .text2 {
  display: block !important;
}
.custom-spinner-dashboard .text2 p {
  width: 170px;
  text-align: center;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 110px);
  color: rgba(0, 0, 0, 0.87) !important;
}
.custom-spinner-dashboard .text2 p:first-child {
  transform: translate(-50%, 87px) !important;
}
.custom-spinner-dashboard .circle-container {
  display: block !important;
  text-align: center;
  position: relative;
}
.custom-spinner-dashboard #circle-chart {
  transform: rotate(-90deg);
  position: absolute;
  right: -40px;
}
.custom-spinner-dashboard .percentage-label {
  font-size: 15px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87) !important;
  position: absolute;
  transform: translate(-45%, 27px);
}
.custom-spinner-dashboard-darker {
  background-color: #d9d8d7;
}

.personal-banker-email {
  padding-right: 0px !important;
}
.personal-banker-email a {
  border-radius: 50%;
  transition: all 0.5s;
}
.personal-banker-email a svg {
  stroke: #52AE30;
}
.personal-banker-email a:hover {
  background-color: #52AE30;
}
.personal-banker-email a:hover svg {
  stroke: #FFFFFF;
}

.limit-success-change .ui-dialog-titlebar {
  display: block !important;
  background: none !important;
  border: none !important;
  font-size: 24px;
  font-family: "Source-Sans-Pro-bold", sans-serif;
}
.limit-success-change .ui-dialog-titlebar:before {
  background-color: transparent;
  background-image: url(images/icons/limit-change-ico.png);
  background-repeat: no-repeat !important;
  background-size: 101px;
  width: 101px;
  height: 101px;
}
.limit-success-change .ui-dialog-titlebar button {
  display: none !important;
}
.limit-success-change .ui-dialog-titlebar .ui-dialog-title {
  width: 100% !important;
  white-space: normal !important;
}

.accounts-cards-sa .accOfficer .input-wrapper .acc-card-icon {
  width: 40px;
  height: 40px;
  float: left;
  margin-left: 15px;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.accounts-cards-sa .accOfficer .input-wrapper .acc-card-icon svg {
  width: 27px;
  height: 27px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  stroke: rgba(0, 0, 0, 0.87);
  position: absolute;
  margin-right: 15px;
}
.accounts-cards-sa .accOfficer .input-wrapper .acc-card-icon i {
  background-image: url(images/menu-icons/ico_cards@2x.png);
  background-size: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 27px;
  height: 27px;
  position: absolute;
  background-position: 50% 50%;
}
.accounts-cards-sa .accOfficer .input-wrapper .toggle-btn {
  position: absolute;
  width: 40px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  border-radius: 20px;
  padding: 5px;
  transition: background-color 0.5s;
  background-color: #E1E1E1;
  pointer-events: none;
}
.accounts-cards-sa .accOfficer .input-wrapper .toggle-btn .toggle-btn-switch {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #FFFFFF;
  transition: transform 0.5s;
}
.accounts-cards-sa .accOfficer .input-wrapper .accounts-and-cards {
  position: relative;
  display: block;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.6);
  padding: 8px 15px 8px 64px !important;
  border-radius: 40px !important;
}
.accounts-cards-sa .accOfficer .input-wrapper .accounts-and-cards p {
  margin-bottom: 0px !important;
}
.accounts-cards-sa .accOfficer .input-wrapper.active .toggle-btn {
  background-color: #52AE30;
}
.accounts-cards-sa .accOfficer .input-wrapper.active .toggle-btn .toggle-btn-switch {
  transform: translateX(100%);
}

.accounts_html_promo .commercial-img {
  background: url("images/pictures/img-200.jpg") no-repeat center !important;
}

.paymentOverviewDetails .popup-ammount-wrapper {
  margin-right: -8% !important;
}
.paymentOverviewDetails .cancel-payment svg {
  border: 2px solid;
  border-color: #000000;
  border-radius: 100%;
  stroke: none !important;
}
.paymentOverviewDetails .transaction-popup-option:hover .cancel-payment svg {
  filter: invert(1);
}

.promo-banner-group {
  position: relative !important;
}
.promo-banner-group .commercial-text-wrapper {
  display: none;
}
.promo-banner-group.banner-group-bigger .commercial-img {
  min-height: 63%;
  height: 63%;
  cursor: pointer !important;
  box-shadow: inset 0px -35px 22px 5px rgba(0, 0, 0, 0.265);
  /*&.topLeftBanner { 
      box-shadow: inset -20px -45px 24px 10px rgba(0, 0, 0, .265);
  }*/
}
.promo-banner-group.banner-group-bigger .commercial-img p {
  margin-left: 10px;
  top: 74%;
  position: relative;
}
.promo-banner-group.banner-group-smaller .commercial-img {
  min-height: 37%;
  height: 37%;
  cursor: pointer !important;
}
.promo-banner-group.banner-group-smaller .commercial-img p {
  margin-left: 10px;
  top: 55%;
  position: relative;
}
.promo-banner-group.banner-group-right {
  margin-left: 5px !important;
}
.promo-banner-group.banner-group-right .commercial-wrapper {
  justify-content: flex-start !important;
}
.promo-banner-group.banner-group-right.banner-group-smaller {
  margin-top: 65px !important;
  margin-bottom: 5px !important;
}
.promo-banner-group.banner-group-right.banner-group-smaller .commercial-img {
  background: #2A7F00 !important;
}
.promo-banner-group.banner-group-right.banner-group-bigger {
  margin-top: 5px !important;
  margin-bottom: -220px !important;
  bottom: 196px;
}
.promo-banner-group.banner-group-left {
  margin-right: 5px !important;
}
.promo-banner-group.banner-group-left .commercial-wrapper {
  justify-content: flex-end !important;
}
.promo-banner-group.banner-group-left.banner-group-bigger {
  margin-top: 65px !important;
  margin-bottom: 5px !important;
}
.promo-banner-group.banner-group-left.banner-group-smaller {
  margin-top: 5px !important;
  margin-bottom: -220px !important;
  bottom: 113px;
}
.promo-banner-group.banner-group-left.banner-group-smaller .commercial-img {
  background: #52AE30 !important;
}

.details-dialog.promoPopUp {
  animation: slide-up 1s ease-in-out;
  right: calc(50% - 274px) !important;
}
.details-dialog.promoPopUp .promoDetail.promoPopUp {
  height: calc(95vh - 20px) !important;
}
.details-dialog.promoPopUp .account-inter-inner-scroll {
  margin-top: 20px;
}
.details-dialog.promoPopUp .discount-popup-img-wrapper {
  width: calc(100% + 0px) !important;
  height: calc(100vh - 240px);
  max-height: calc(100vh - 240px);
  margin: 0 -40px 20px 0;
  overflow: hidden;
}
.details-dialog.promoPopUp .discount-popup-img-wrapper .promo-card-img {
  background-size: contain;
}
.details-dialog.promoPopUp .discount-popup-img-wrapper .promo-card-video-wrapper {
  text-align-last: center;
}
.details-dialog.promoPopUp .crm-mp4-wrapper {
  height: calc(100vh - 240px);
  max-height: calc(100vh - 240px);
  overflow: hidden;
}
.details-dialog.promoPopUp .crm-buttons-wrapper {
  display: flex;
  gap: 20px;
  margin-left: 15px;
  margin-top: 15px;
  position: absolute;
  z-index: 10 !important;
}
.details-dialog.promoPopUp .crm-buttons-wrapper .crm-video-button {
  padding: 6px;
  background-color: #52AE30;
  width: 30px;
  height: 30px;
  border-radius: 50% !important;
  transition: all 0.5s ease;
}
.details-dialog.promoPopUp .crm-buttons-wrapper .crm-video-button .mute-unmute-button,
.details-dialog.promoPopUp .crm-buttons-wrapper .crm-video-button .play-pause-button {
  background-repeat: no-repeat;
  background-size: 100%;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  transform: translate(4px, -50%);
}
.details-dialog.promoPopUp .crm-buttons-wrapper .crm-video-button:hover {
  background-color: #2A7F00;
}
.details-dialog.promoPopUp .all-account-close {
  position: absolute;
  right: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.details-dialog.promoPopUp .all-account-close svg {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.details-dialog.promoPopUp .all-account-popup-title {
  padding: 0 90px;
  text-align: center;
  margin-bottom: 20px;
}
.details-dialog.promoPopUp .promo-detail-text-wrapper {
  text-align: center;
  overflow-wrap: break-word;
  padding: 0px 40px 0px 40px;
}
.details-dialog.promoPopUp .crm-popup-segment .crm-arrow {
  top: 46.5%;
  position: absolute;
  z-index: 9 !important;
  color: white !important;
  height: 20px;
  width: 20px;
  background: #52AE30;
  padding: 10px;
  border-radius: 50%;
  transition: all 0.5s ease;
  cursor: pointer !important;
}
.details-dialog.promoPopUp .crm-popup-segment .crm-arrow.arrow-left {
  left: 10px;
}
.details-dialog.promoPopUp .crm-popup-segment .crm-arrow.arrow-right {
  right: 10px;
}
.details-dialog.promoPopUp .crm-popup-segment .crm-arrow:hover {
  background: #2A7F00;
}
.details-dialog.promoPopUp .popup-btn-wrapper {
  position: absolute;
  width: calc(100% - 80px);
  bottom: 30px !important;
}
.details-dialog.promoPopUp .popup-btn-wrapper .btn-1 {
  background-color: #52AE30;
  color: #FFFFFF;
}
.details-dialog.promoPopUp .promo-popup-bottom-text {
  z-index: 1 !important;
  position: absolute;
  bottom: 0 !important;
  color: #FFFFFF;
  padding: 0px 40px 20px 40px;
}

.blur-background {
  filter: blur(2px);
  transition: filter 0.5s ease;
}

.display-block {
  display: block !important;
}

.modal-box.otp-confirm-token {
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
}
.modal-box.otp-confirm-token .modal-wrap {
  box-shadow: none !important;
  padding: 40px 0px 0px 0px !important;
}

.margin-wrapper {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.avistaV2 {
  margin-top: 50px;
  height: calc(100vh - 400px) !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

div[aria-describedby=cardNameEditDialog] .ui-dialog-buttonset button:nth-child(1) {
  background-color: rgb(255, 255, 255) !important;
  color: black !important;
  transition: all 0.5s !important;
}
div[aria-describedby=cardNameEditDialog] .ui-dialog-buttonset button:nth-child(1):hover {
  background-color: #E8E9EC !important;
}

.world-of-fun .nuewoPromoBanner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 265px;
  border-radius: 60px;
  background-image: linear-gradient(to bottom right, #2A7F00, #52AE30);
  box-shadow: 5.5px 5.5px 10px rgba(0, 0, 0, 0.55);
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.world-of-fun .nuewoPromoBanner .nuewo-wrapper {
  margin-left: 35px;
  width: 35%;
}
.world-of-fun .nuewoPromoBanner .nuewo-img-wrapper {
  width: 60%;
  height: 100%;
}
.world-of-fun .nuewoPromoBanner .nuewo-img-wrapper .nuewo-img {
  background-image: url(images/pictures/nuewo-img.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  clip-path: polygon(0 0, 0 0px, 106px 287px, 7000px 0);
}
.world-of-fun #inlineFrameExample {
  margin: 50px 0px;
  border: 3px solid #52AE30 !important;
  cursor: pointer !important;
}

.read-messages-list.beneficaries-edit {
  height: 100% !important;
}
.read-messages-list.beneficaries-edit .account-item-inner recDialog optiscroll {
  height: 100% !important;
}
.read-messages-list.beneficaries-edit .transaction-popup-details-wrapper.templateWrapper {
  height: calc(100% - 120px) !important;
}

.crm-promo-ico {
  background-image: url(images/icons/ic_promo_crm.png);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
}

.crm-header-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  left: 50%;
  transform: translate(-50%, 0);
  width: 67%;
  justify-content: center;
}
.crm-header-wrapper .otp-crm-promo-img {
  background-image: url(images/pictures/colorlogo25.png);
  background-size: 60px;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 70px;
  height: 60px;
}
.crm-header-wrapper span {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 24px;
  color: #2A7F00;
  border-left: 2.5px solid #2A7F00;
  margin-left: 6px;
  padding-left: 8px;
  max-width: 55%;
}

.crm-all-account-wrapper-outer {
  height: 100%;
}
.crm-all-account-wrapper-outer .crm-offer-optiscroll-inner {
  height: calc(100% - 125px);
}
.crm-all-account-wrapper-outer .crm-offer-optiscroll-inner .crm-offer {
  margin: 30px 40px 0px 40px;
}
.crm-all-account-wrapper-outer .crm-offer-optiscroll-inner .crm-offer-wrapper {
  width: 100%;
  height: 80px;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 32px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer !important;
}
.crm-all-account-wrapper-outer .crm-offer-optiscroll-inner .crm-offer-wrapper span {
  cursor: pointer !important;
}
.crm-all-account-wrapper-outer .crm-offer-optiscroll-inner .crm-offer-img {
  width: 42px;
  height: 42px;
  background-color: #EFEFEF;
  border-radius: 50%;
  margin-lefT: 20px;
}
.crm-all-account-wrapper-outer .crm-offer-optiscroll-inner .crm-offer-img-play {
  width: 25px;
  height: 25px;
  position: absolute;
  border-radius: 50%;
  right: 25px;
  background-image: url(images/icons/crm-list-play.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 25px;
  cursor: pointer !important;
}
.crm-all-account-wrapper-outer .crm-offer-optiscroll-inner .crm-offer-img-icon {
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 22px;
  background-image: url(images/crm/crmicons/ic_promo_crm_dark.png);
  /*&.profilkontaktiemailpromena {
      background-image: url(images/crm/crmicons/mail_change.png);
  }

  &.profilkontaktiunapredipaket {
      background-image: url(images/crm/crmicons/unapredi_paket.png);
  }

  &.profilpodesavanjadarkmode {
      background-image: url(images/crm/crmicons/dark_mode.png);
  }

  &.profilpodesavanjaprikazproizvoda {
      background-image: url(images/crm/crmicons/samoadministracija.png);
  }

  &.profilpodesavanjapush {
      background-image: url(images/crm/crmicons/prigovori_podesavanja.png);
  }

  &.profilpodesavanjaizvodi {
      background-image: url(images/crm/crmicons/statements.png);
  }

  &.profilpodesavanjaprigovori {
      background-image: url(images/crm/crmicons/prigovori_podesavanja.png);
  }

  &.profilpodesavanjaprenesi {
      background-image: url(images/crm/crmicons/cas.png);
  }

  &.platiips {
      background-image: url(images/crm/crmicons/ips.png);
  }

  &.platiprenesi {
      background-image: url(images/crm/crmicons/cas.png);
  }

  &.dbhpa {
      background-image: url(images/crm/crmicons/hpamkes.png);
  }

  &.dbmkes {
      background-image: url(images/crm/crmicons/hpamkes.png);
  }

  &.dbovd {
      background-image: url(images/crm/crmicons/overdraft.png);
  }

  &.dbavista {
      background-image: url(images/crm/crmicons/avista_orocena.png);
  }

  &.dbtn {
      background-image: url(images/crm/crmicons/tn_dd.png);
  }

  &.dbdd {
      background-image: url(images/crm/crmicons/tn_dd.png);
  }

  &.dborocena {
      background-image: url(images/crm/crmicons/avista_orocena.png);
  }

  &.osiguranjegenerali {
      background-image: url(images/crm/crmicons/osigur.png);
  }

  &.svetpopusta {
      background-image: url(images/crm/crmicons/svet_popusta.png);
  }

  &.mojefinansijeciljana {
      background-image: url(images/crm/crmicons/ciljana.png);
  }

  &.mojefinansijebudzetiranje {
      background-image: url(images/crm/crmicons/budzet.png);
  }

  &.mojefinansijekategorije {
      background-image: url(images/crm/crmicons/kategorije.png);
  }

  &.specialOffer {
      background-image: url(images/crm/crmicons/specialOffer.png);
  }*/
}

.recommendation-list-item {
  display: list-item;
  margin-left: 15px;
}

.unique-code-numbers {
  background-color: #FFFFFF;
  padding: 13px;
  margin: 0 5px;
  font-weight: bold;
  font-size: 22px;
  border-radius: 25px;
}

.gap-40 {
  gap: 40px;
}
.gap-15 {
  gap: 15px;
}

.margin-top-3 {
  margin-top: 30px;
}

.reserveFundsTitle {
  margin-left: 10px;
  font-family: "Source-Sans-Pro-semibold";
  font-size: 13px;
  color: #eb712e;
}

.PayMe {
  padding: 0;
  position: relative;
  margin: 0 10% !important;
  background: #efefef;
  font-family: "Source-Sans-Pro", sans-serif;
  height: 100vh !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.PayMe::-webkit-scrollbar {
  display: none;
}
.PayMe .info-header {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  margin-bottom: 0px;
  font-weight: 600 !important;
}
.PayMe .info-content {
  font-size: 12px;
  margin-bottom: 12px !important;
  font-weight: bold;
}
.PayMe .description {
  border-radius: 25px;
}
.PayMe .description-button {
  display: flex;
  justify-content: center;
  text-align: center;
  font-family: "Source-Sans-Pro-semibold";
}
.PayMe .description-button .info-content {
  font-weight: normal !important;
  margin-bottom: 0px !important;
}
.PayMe .img-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  --s: 90px;
  --t: 18px;
  --g: 20px;
  padding: calc(var(--g) + var(--t));
  outline: var(--t) solid #52AE30;
  outline-offset: calc(-1 * var(--t));
  mask: conic-gradient(at var(--s) var(--s), rgba(0, 0, 0, 0) 75%, #000 0) 0 0/calc(100% - var(--s)) calc(100% - var(--s)), linear-gradient(#000 0 0) content-box;
  border-radius: 5%;
}
.PayMe .img-wrapper #qrimage {
  width: 87%;
  max-width: 800px;
}
.PayMe .app-links {
  display: flex;
  align-items: center;
  margin-top: 20px;
  flex-direction: column;
}
.PayMe .header-wrapper {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 0px 15px 0px;
}
.PayMe .otp-promo-img {
  width: 50%;
  background-size: contain;
  height: 100px !important;
  background-image: url(images/payme/platimilogo2.png);
  background-repeat: no-repeat;
  background-position: center;
}
.PayMe .bottom-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0px !important;
}
.PayMe .bottom-wrapper button {
  padding: 15px 40px 15px 40px;
  margin: 20px 0px;
  background-color: #52AE30;
  border: none !important;
  border-radius: 25px;
  font-weight: bold;
  color: #FFFFFF !important;
  width: 276px !important;
}
.PayMe .app-link {
  width: 85%;
  padding: 14px 45px;
  margin: 20px 0px;
  background-color: #52ae30;
  border-radius: 25px;
  text-align: center;
  color: #fff;
  font-weight: 600;
}
.PayMe .absolute {
  position: absolute !important;
  font-weight: 600;
  font-size: 11px !important;
}
.PayMe .bottom-text-qr {
  bottom: 65px;
}

.visaVirtualDialog .account-item-inner.optiscroll {
  height: calc(100vh - 225px) !important;
}
.visaVirtualDialog .virtual-info-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}
.visaVirtualDialog .virtual-info-wrapper .virtual-ico {
  display: block;
  width: 60px;
  height: 60px;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.visaVirtualDialog .virtual-info-wrapper .virtual-ico.vi1 {
  background-image: url(images/icons/background-storm-1.png);
}
.visaVirtualDialog .virtual-info-wrapper .virtual-ico.vi2 {
  background-image: url(images/icons/background-protection-1.png);
}
.visaVirtualDialog .virtual-info-wrapper .virtual-ico.vi3 {
  background-image: url(images/icons/background-light-1.png);
}
.visaVirtualDialog .virtual-info-wrapper .virtual-ico.vi4 {
  background-image: url(images/icons/background-nature-1.png);
}
.visaVirtualDialog .virtual-arrow {
  top: 50% !important;
}

.cardDelivery .mCSB_inside > .mCSB_container {
  margin-right: 0px !important;
}
.cardDelivery .crm-arrow {
  top: 40%;
  transform: translate(0px, -50%);
  position: absolute;
  z-index: 9 !important;
  color: white !important;
  height: 20px;
  width: 20px;
  background: #52AE30;
  padding: 10px;
  border-radius: 50%;
  transition: all 0.5s ease;
  cursor: pointer !important;
}
.cardDelivery .crm-arrow.arrow-left {
  left: 10px;
}
.cardDelivery .crm-arrow.arrow-right {
  right: 10px;
}
.cardDelivery .crm-arrow:hover {
  background: #2A7F00;
}
.cardDelivery .popup-ammount-wrapper {
  position: relative !important;
}

.virtualDocumentationDialog .virtual-document-wrapper {
  padding: 20px 0px 20px 30px;
  background-color: #FFFFFF;
  border-radius: 32px;
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  position: relative;
  width: calc(100% - 30px);
  cursor: pointer;
}
.virtualDocumentationDialog .virtual-document-wrapper .virtual-document-text {
  width: 80%;
  display: block;
}
.virtualDocumentationDialog .virtual-document-wrapper-green {
  color: #FFFFFF !important;
  background-color: #52AE30 !important;
}
.virtualDocumentationDialog .virtual-document-wrapper .filePreviewButton {
  background-image: url(images/icons/download-pdf.png) !important;
  background-size: 30px !important;
  width: 30px;
  height: 30px;
  background: no-repeat;
  border: none;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(-10px, -50%) scale(0.8);
}
.virtualDocumentationDialog .virtual-document-wrapper .filePreviewButton-2 {
  background-image: url(images/icons/download-pdf-all.png) !important;
  background-size: 30px !important;
  width: 30px;
  height: 30px;
  background: no-repeat;
  border: none;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(-10px, -50%) scale(0.8);
}

.ReferenceInterestRate {
  width: 60%;
  place-self: center;
}
.ReferenceInterestRate .s-widget-title {
  margin-bottom: 10px !important;
}
.ReferenceInterestRate .reference-interest-rate-widget {
  background-color: transparent !important;
  border: 5px solid #FFFFFF;
  padding: 16px;
  border-radius: 32px;
  font-family: sans-serif;
}
.ReferenceInterestRate .reference-interest-rate-widget .interest-rates {
  display: flex;
  flex-direction: column;
}
.ReferenceInterestRate .reference-interest-rate-widget .rate-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 2px solid #FFFFFF;
  font-size: 14px;
}
.ReferenceInterestRate .reference-interest-rate-widget .rate-item:last-child {
  border-bottom: none;
}
.ReferenceInterestRate .reference-interest-rate-widget .rate-item p {
  margin: 0;
}
.ReferenceInterestRate .reference-interest-rate-widget .rate-item p:last-child {
  font-weight: bold;
}
.ReferenceInterestRate .reference-interest-rate-widget .rate-item-wrapper {
  display: flex;
  flex-direction: column;
}
.ReferenceInterestRate .reference-interest-rate-widget .extra-items {
  display: none;
}
.ReferenceInterestRate .reference-interest-rate-widget button {
  width: 50%;
  display: inline-block;
  margin: 20px auto 0;
  padding: 12px 24px;
  background-color: #FFFFFF;
  color: #52AE30;
  font-weight: bold;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.ReferenceInterestRate .reference-interest-rate-widget button:hover {
  background-color: #efefef;
  box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
}

/*#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 */
.LoginBackground .login-promo-main, .LoginRetail .login-form-col {
  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");
}

.become-client-wrapper {
  margin-top: 35px;
}
.become-client-wrapper .btn-1.btn-darker {
  margin-top: -20px !important;
  background-color: #005D3F !important;
  color: #FFFFFF !important;
  transition: box-shadow 0.5s;
  width: calc(100% - 35px) !important;
}
.become-client-wrapper .btn-1.btn-darker:hover {
  box-shadow: 0px 8px 24px rgba(54, 60, 164, 0.4);
}

.LoginRetail .login-form-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 33.33%;
  background: #EFEFEF;
  min-height: 1100px;
  height: 100vh;
}
.LoginRetail .login-form-col .inner {
  width: 300px;
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0 auto;
}
.LoginRetail .login-form-col .inner .site-logo {
  background-image: url(images/logo/logo-1.png);
  width: 120px;
  height: 105px;
  margin: 35px auto 25px;
  background-repeat: no-repeat;
  background-size: contain;
}
.LoginRetail .login-form-col .inner .login-form .custom-switch {
  display: flex;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  background: #E8E9EC;
  border-radius: 13px;
  padding: 3px 4px;
  position: relative;
  margin-bottom: 35px;
}
.LoginRetail .login-form-col .inner .login-form .custom-switch:before {
  content: "";
  width: calc(50% - 4px);
  height: calc(100% - 6px);
  position: absolute;
  top: 3px;
  left: 4px;
  background: #FFFFFF;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  transform: translateX(0);
  transition: transform 0.3s;
}
.LoginRetail .login-form-col .inner .login-form .custom-switch.active {
  color: rgba(0, 0, 0, 0.87);
}
.LoginRetail .login-form-col .inner .login-form .custom-switch.active-1:before {
  transform: translateX(0);
}
.LoginRetail .login-form-col .inner .login-form .custom-switch.active-2:before {
  transform: translateX(100%);
}
.LoginRetail .login-form-col .inner .login-form .custom-switch span {
  display: block;
  width: 50%;
  float: left;
  font-size: 13px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
  padding: 4px 5px 4px 5px;
  transition: color 0.3s;
  cursor: pointer;
  position: relative;
}
.LoginRetail .login-form-col .inner .login-form .custom-switch span.active {
  color: #52AE30;
}
.LoginRetail .login-form-col .inner .login-form .custom-switch span:hover {
  color: #2A7F00;
}
.LoginRetail .login-form-col .inner .login-form .login-title {
  margin-bottom: 40px;
}
.LoginRetail .login-form-col .inner .login-form .login-title h2 {
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 50px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.LoginRetail .login-form-col .inner .login-form .login-title span {
  display: block;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px;
  margin-top: 10px;
  text-align: center;
}
.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper {
  text-align: center;
  margin-bottom: 20px;
}
.LoginRetail .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%;
}
.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper .step-circle:not(:last-child) {
  margin-right: 24px;
}
.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper .step-circle:not(:first-child)::after {
  position: absolute;
  content: "";
  width: 28px;
  height: 1px;
  top: 50%;
  left: -28px;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.54);
}
.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper .step-circle .step-number {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: "Source-Sans-Pro-bold", "sans-serif";
  font-size: 14px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54);
}
.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper .step-circle.active {
  background-color: #52ae30;
  border-color: #52ae30;
}
.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper .step-circle.active .step-number {
  color: white;
}
.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper .step-circle.active::after {
  background-color: #52ae30;
}
.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 36px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 15px;
  text-align: left;
  color: #1c1f32;
  user-select: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap:not(:last-child) {
  margin: 20px 0 13px 0;
}
.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap .checkmark {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.54);
  background: transparent;
  margin-top: 0px;
  margin-right: 17px;
  position: relative;
  pointer-events: none;
}
.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap .checkmark:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #52ae30;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap i {
  pointer-events: none;
}
.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap.active .checkmark {
  border: 2px solid #52ae30;
  margin-right: 15px;
}
.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap.active .checkmark:after {
  opacity: 1;
}
.LoginRetail .login-form-col .inner .login-form .forgot-pass {
  font-size: 15px;
  letter-spacing: -0.02em;
  line-height: 20px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  padding: 20px 0;
  margin-bottom: 15px;
  display: inline-block;
}
.LoginRetail .login-form-col .inner .login-form .forgot-pass.activate {
  margin-bottom: 0;
  padding: 0;
}
.LoginRetail .login-form-col .inner .login-form .forgot-pass-wrapper {
  display: block;
  text-align: center;
}
.LoginRetail .login-form-col .inner .login-form .forgot-pass-wrapper a {
  color: #52AE30;
  text-decoration: underline;
  display: inline-block;
  font-size: 15px;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner {
  margin-bottom: 30px;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .dk-select .dk-select-options.active {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .label-1 {
  display: block;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
  padding: 0 20px;
  margin-bottom: 7px;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 {
  position: relative;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  height: 30px;
  background: #FFFFFF;
  top: 30px;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1:after {
  height: 60px;
  top: 0;
  z-index: 30;
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-selected {
  width: 100%;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
  padding: 13px 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;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-selected.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.LoginRetail .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;
}
.LoginRetail .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 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.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);
}
.LoginRetail .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 0.3s ease;
  transition: color 0.3s ease;
  cursor: pointer;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
  text-align: left;
  background: transparent;
  border-top: 1px solid transparent;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options .dk-option:first-child {
  border-top: 2px solid #52AE30;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options .dk-option-selected {
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.87);
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options .dk-option:hover {
  background-color: #f5f5f5;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options #dk0-1:before {
  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%);
}
.LoginRetail .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%);
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options #dk0-3:before {
  background: url(images/icons/user-id-icon.png) 50% no-repeat;
  position: absolute;
  content: "";
  width: 24px;
  height: 23px;
  top: 50%;
  left: 20px;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .input-wrap {
  border-radius: 25px;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  background: #FFFFFF;
  position: relative;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .input-wrap.focusin {
  border-color: #73e3eb;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .input-wrap.focusin .input-1 {
  border-color: #52AE30;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .input-wrap.borderError .input-1 {
  border-color: red;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .input-wrap .input-1 {
  width: 100%;
  height: 50px;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  font-size: 15px;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  padding: 12px 20px;
  border: 1px solid #dcdcdc;
  background: #FFFFFF;
  border-radius: 25px;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  margin: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
}
.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .input-wrap .input-1.activate {
  font-family: "Source-Sans-Pro" !important;
}
.LoginRetail .login-form-col .inner .login-form .btn-1 {
  font-weight: 600;
}
.LoginRetail .login-form-col .inner .login-form .btn-1.color-1 {
  color: #FFFFFF;
  background: #52AE30;
}
.LoginRetail .login-form-col .inner .login-form .btn-1.color-1:hover {
  background: #2A7F00;
}
.LoginRetail .login-form-col .inner .passRules {
  position: absolute;
  top: 50% !important;
  left: calc(50% - 190px) !important;
  width: 100% !important;
  max-width: 370px;
  z-index: 101;
}
.LoginRetail .login-form-col .inner .passRules .ui-dialog-titlebar {
  margin: 0 0 30px 0 !important;
  width: 100% !important;
}
.LoginRetail .login-form-col .inner .passRules .btn-1 {
  margin-top: 30px;
}
.LoginRetail .login-form-col .inner .passRules .rule-wrapper {
  display: flex;
  margin-bottom: 10px;
}
.LoginRetail .login-form-col .inner .passRules .rule-wrapper .rule {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.LoginRetail .login-form-col .inner .passRules .rule-wrapper .rule:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: black;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  transform: translateY(-1px);
}
.LoginRetail .login-form-col .copyright-wrapper {
  display: block;
  text-align: center;
  height: 75px;
}
.LoginRetail .login-form-col .copyright-wrapper a {
  color: #52AE30;
  text-decoration: underline;
  display: inline-block;
  font-size: 15px;
}
.LoginRetail .login-form-col .copyright-wrapper .login-copy {
  font-size: 15px;
  letter-spacing: -0.02em;
  line-height: 20px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  padding: 10px 0;
  padding-top: 40px;
  display: inline-block;
  margin-bottom: 15px;
}

.LoginBackground .login-promo-col {
  position: fixed;
  height: 100%;
  top: 0;
  right: 0;
  width: 66.67%;
}
.LoginBackground .login-promo-main {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.LoginBackground .login-promo-main .img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.LoginBackground .login-promo-main .img-wrap:after {
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
  background: linear-gradient(transparent, #000);
  opacity: 0.75;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.LoginBackground .login-promo-main .content-inner {
  position: relative;
  padding-left: 80px;
  padding-bottom: 17%;
}
.LoginBackground .login-promo-main .content-inner h3 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  line-height: 1;
  font-size: 80px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #FFFFFF;
}
.LoginBackground .login-promo-main .content-inner p {
  max-width: 800px;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  font-size: 24px;
  line-height: 30px;
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 35px;
}
.LoginBackground .login-promo-main .content-inner .btn-1 {
  min-width: 120px;
  padding: 13px 17px;
  width: auto !important;
  transition: background-color 0.3s;
  background-color: transparent;
  border: 2px solid #FFFFFF;
}
.LoginBackground .login-promo-main .content-inner .play-btn {
  display: inline-block;
  position: relative;
  padding-left: 65px;
}
.LoginBackground .login-promo-main .content-inner .play-btn:hover span {
  transform: translateX(5px);
}
.LoginBackground .login-promo-main .content-inner .play-btn:hover .play {
  transform: scale(1.2);
}
.LoginBackground .login-promo-main .content-inner .play-btn:hover .path {
  animation: rotation 0.5s forwards;
}
.LoginBackground .login-promo-main .content-inner .play-btn i {
  display: inline-block;
  width: 10px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  padding: 16px 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
}
.LoginBackground .login-promo-main .content-inner .play-btn .play {
  width: 14px;
  height: 14px;
  fill: #FFFFFF;
  transform: scale(1);
  transition: transform 0.3s;
}
.LoginBackground .login-promo-main .content-inner .play-btn > span {
  display: inline-block;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.02em;
  line-height: 16px;
  text-align: left;
  color: #FFFFFF;
  text-transform: uppercase;
  transform: translateX(0);
  transition: transform 0.3s;
}
.LoginBackground .login-promo-main .content-inner .play-btn .path {
  width: 136%;
  height: 136%;
  position: absolute;
  top: -18%;
  left: -18%;
}
.LoginBackground .login-promo-main .content-inner .play-btn .path svg {
  width: 40px;
  height: 40px;
  fill: #73e3eb;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.LoginNotices {
  position: relative;
}

.NoticesSlider {
  position: fixed;
  bottom: 0;
  right: 40px;
  width: calc(100vw - 33.33% - 100px);
  z-index: 1;
  border-radius: 8px !important;
}
.NoticesSlider .s-widget-body {
  padding: 0;
  bavkground-color: #52AE30;
}
.NoticesSlider .slider-wrapper {
  background-color: rgba(0, 0, 0, 0.5) !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  max-width: 1350px;
  margin: 0 auto;
  position: relative;
  width: 85%;
}
.NoticesSlider .slider-wrapper h3 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 18px;
  line-height: 21px;
  color: #FFFFFF;
  padding-right: 50px;
  margin-bottom: 5px;
  text-align: left;
  font-weight: bold;
}
.NoticesSlider .slider-wrapper .date-time, .NoticesSlider .slider-wrapper p {
  letter-spacing: -0.02em;
  text-align: left;
  color: #FFFFFF;
}
.NoticesSlider .slider-wrapper .date-time {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 20px;
  color: #7E7E7E;
}
.NoticesSlider .slider-wrapper p {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
}
.NoticesSlider .slider-wrapper a {
  font-size: 15px;
  letter-spacing: -0.02em;
  line-height: 20px;
  color: #52AE30;
  display: block;
  text-align: left;
}
.NoticesSlider .slider-wrapper a span {
  margin-right: 4px;
}
.NoticesSlider .slider-wrapper a svg {
  width: 8px;
  height: 8px;
  fill: #52AE30;
  transform: translateX(0px);
  transition: transform 0.3s;
}
.NoticesSlider .slider-wrapper .readmore:hover svg {
  transform: translateX(5px);
}
.NoticesSlider .slider-wrapper .slider-wrapper_middle {
  height: 137px;
  width: 100%;
  border-left: none;
  border-right: none;
  margin-bottom: 20px;
}
.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 hsla(0deg, 0%, 100%, 0.25);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.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: hsla(0deg, 0%, 100%, 0.25) !important;
  border-radius: 12px;
  margin-right: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  display: flex !important;
  text-align: center;
}
.NoticesSlider .slider-wrapper .slider-wrapper_bottom .widget-options li i svg {
  width: 8px;
  height: 8px;
  fill: #FFFFFF;
}
.NoticesSlider .slider-wrapper .slider-wrapper_bottom .widget-options li i:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.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 .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 .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 .msgico {
  background: #52AE30;
}
.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .msgico svg {
  stroke: #FFFFFF;
}
.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .msgico:hover {
  background-color: rgba(82, 174, 48, 0.7);
}
.NoticesSlider .swiper-pagination {
  height: 4px;
  display: inline-flex;
  width: auto;
  position: absolute;
  top: 10px;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 9999;
}
.NoticesSlider .swiper-pagination-bullet {
  display: inline;
  padding: 3px;
  border: 0px solid blue;
  background-color: #fff;
  width: 1px;
  height: 1px;
  border-radius: 11px;
  -webkit-transition: width 0.3s, background-color 0.3s;
  transition: width 0.3s, background-color 0.3s;
  opacity: 1;
  margin: 0px 4px;
}
.NoticesSlider .swiper-pagination .select {
  width: 18px;
  background-color: #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 .cta #phn {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 23px;
  line-height: 1;
  letter-spacing: -0.002em;
  color: #52AE30;
}
.support-dialog .support-grid .support-block .cta-for-link {
  padding-top: 35px;
  text-align: center;
}
.support-dialog .support-grid .support-block .svg_text {
  display: flex;
}
.support-dialog .support-grid .support-block svg {
  width: 40px;
  height: 40px;
  top: 2px;
  left: 0;
  stroke: #52AE30;
}
.support-dialog .support-grid .support-block h4 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 24px;
  letter-spacing: -0.02em;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  position: relative;
  padding: 6px 0 0 15px;
  margin-bottom: 30px;
}
.support-dialog .support-grid .support-block h4 svg {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 2px;
  left: 0;
  stroke: #52AE30;
}
.support-dialog .support-grid .support-block .mailText {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-align: left;
  margin-bottom: 20px;
  color: #52AE30;
  text-decoration: underline;
}
.support-dialog .support-grid .support-block .beforeMailText {
  margin-bottom: 0px !important;
}
.support-dialog .support-grid .support-block p {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 20px;
}
.support-dialog .support-grid .support-block p a {
  color: #52AE30;
  text-decoration: underline;
}
.support-dialog .support-grid .support-block .btn-1 {
  width: 100%;
  box-sizing: border-box;
}
.support-dialog .support-grid .support-block .btn-1:hover {
  background: #2A7F00;
}
.support-dialog .support-grid .support-block .link:last-child {
  padding-left: 8px;
  margin-left: 8px;
  border-left: 1px solid #DCDCDC;
}
.support-dialog .close-btn {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.support-dialog .close-btn:hover svg {
  transform: scale(1.2) rotate(180deg);
}
.support-dialog .close-btn svg {
  width: 12px;
  height: 12px;
  fill: #52AE30;
  transform: scale(1) rotate(0);
  transition: transform 0.3s;
}
.support-dialog .faq-section {
  width: 100%;
}
.support-dialog .faq-section .faq-title {
  display: flex;
  justify-content: space-between;
  padding-left: 24px;
}
.support-dialog .faq-section .faq-title h4 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 24px;
  letter-spacing: -0.02em;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 15px;
}
.support-dialog .faq-section .faq .group-inner {
  width: 300px;
  margin-bottom: 30px;
}
.support-dialog .faq-section .faq .group-inner .input-wrap.icon-right svg {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 16px;
  right: 16px;
}
.support-dialog .faq-section .faq .group-inner .input-wrap.search {
  fill: #C7C7C7;
}
.support-dialog .expand-list {
  margin-bottom: 50px;
}
.support-dialog .account-box {
  background: #F5F5F5;
  border-radius: 20px;
  padding: 31px 32px 5px 24px;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-bottom: 8px;
}
.support-dialog .account-box .question-title {
  position: relative;
  padding-right: 30px;
  margin-bottom: 20px;
}
.support-dialog .account-box .acc-name {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 18px;
  letter-spacing: -0.02em;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 0;
}
.support-dialog .account-box .expand-icon {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -30px;
}
.support-dialog .account-box .expand-icon:before, .support-dialog .account-box .expand-icon:after {
  content: "";
  width: 18px;
  height: 2px;
  background: #52AE30;
  border-radius: 2px;
  position: absolute;
  top: 5px;
  left: 0;
}
.support-dialog .account-box .expand-icon:after {
  transform: rotate(-90deg);
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.support-dialog .account-box .hidden-content p {
  font-size: 15px;
  letter-spacing: -0.02em;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.87);
}
.support-dialog .account-box .hidden-inner {
  padding-top: 18px;
}
.support-dialog .account-box.open {
  background: #FFFFFF;
}
.support-dialog .account-box.open .expand-icon:after {
  transform: rotate(0deg);
}
.support-dialog .search {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 16px;
  right: 16px;
  fill: #A2B8CF;
}
.support .ui-widget-overlay {
  background-color: #000000 !important;
  opacity: 0.4 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 100 !important;
}

.login_icon {
  position: absolute;
  content: "";
  width: 24px;
  height: 23px;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.login_icon.password {
  background: url(images/icons/user-password-icon.png) 50% no-repeat;
  background-size: contain;
}
.login_icon.otp {
  background: url(images/icons/user-token-icon.png) 50% no-repeat;
  background-size: contain;
}
.login_icon.cert {
  background: url(images/icons/user-id-icon.png) 50% no-repeat;
  background-size: contain;
}

.login-form #rules_backdrop {
  position: fixed;
  top: 100vh;
  left: 0;
  background-color: black;
  opacity: 0.3;
  z-index: 100;
  width: 100%;
  height: 100vh;
  transition: top 0.5s ease;
}
.login-form #rules_backdrop.activeBackdrop {
  top: 0;
}

.info-links a:before {
  content: "";
  display: inline-block;
  line-height: 34px;
  width: 34px;
  height: 33px;
  background-size: 34px;
  margin-right: 5px;
  float: left;
  position: relative;
  background-image: url(images/menu-icons/pdf.PNG);
  transform: scale(0.7);
  top: 0px;
}

.info-links {
  top: 43px;
  display: block !important;
  position: relative;
  margin-right: 20px;
}

.info-links a {
  padding: 0px 19px 0 10px;
  border-radius: 20px;
  background-color: #fff;
  line-height: 20px;
  border: 1px solid #c5c5c5;
  font-weight: bold;
  font-size: 15px;
  height: 36px;
  line-height: 37px;
  margin-left: 5px;
  overflow: hidden;
  float: right;
  box-sizing: border-box;
  text-align: left;
  vertical-align: top;
  color: rgba(0, 0, 0, 0.87) !important;
}

/*#region fonts*/
@font-face {
  font-family: "Lato";
  src: url("fonts/Lato-Regular.eot");
  src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato-Semibold";
  src: url("fonts/Lato-Semibold.eot");
  src: url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Semibold.woff") format("woff"), url("fonts/Lato-Semibold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.eot");
  src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Sarabun";
  src: url("fonts/Sarabun-ExtraBold.eot");
  src: url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-ExtraBold.woff") format("woff"), url("fonts/Sarabun-ExtraBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Sarabun-Bold";
  src: url("fonts/Sarabun-Bold.eot");
  src: url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-Bold.woff") format("woff"), url("fonts/Sarabun-Bold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Sarabun-SemiBold";
  src: url("fonts/Sarabun-SemiBold.eot");
  src: url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-SemiBold.woff") format("woff"), url("fonts/Sarabun-SemiBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Source-Sans-Pro";
  src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff"), url("fonts/sourcesanspro-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source-Sans-Pro-bold";
  src: url("fonts/sourcesanspro-bold.woff2") format("woff2"), url("fonts/sourcesanspro-bold.woff") format("woff"), url("fonts/sourcesanspro-bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source-Sans-Pro-semibold";
  src: url("fonts/sourcesanspro-semibold.woff2") format("woff2"), url("fonts/sourcesanspro-semibold.woff") format("woff"), url("fonts/sourcesanspro-semibold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/*#endregion fonts*/
/* colors */
.side-menu .main-menu .s-portal-menu .main-nav li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.menu-icon.icon-accounts:after, .menu-icon.icon-insurance:after, .menu-icon.icon-discounts:after, .menu-icon.icon-nuewo:after, .menu-icon.icon-payments:after, .menu-icon.icon-cards:after, .menu-icon.icon-dashboard:after, .menu-icon.icon-home:after, .menu-icon.icon-loans:after, .menu-icon.icon-savings:after, .menu-icon.icon-coins:after, .menu-icon.icon-exchange-office:after, .menu-icon.icon-bills:after, .menu-icon.icon-pay-card:after, .menu-icon.icon-myFinances:after, .menu-icon.icon-support:after, .menu-icon.icon-exchange:after, .menu-icon.icon-templates:after, .menu-icon.icon-investments:after, .menu-icon.icon-help:after, .menu-icon.icon-db:after, .menu-icon.icon-finances:after, .menu-icon.icon-value-paper:after {
  background-repeat: no-repeat;
  background-position-x: inherit;
  background-position-y: inherit;
  background-size: 40px;
}

.main-nav li a:hover .menu-icon.icon-accounts:after, .main-nav li a:hover .menu-icon.icon-discounts:after, .main-nav li a:hover .menu-icon.icon-nuewo:after, .main-nav li a:hover .menu-icon.icon-insurance:after, .main-nav li a:hover .menu-icon.icon-payments:after, .main-nav li a:hover .menu-icon.icon-cards:after, .main-nav li a:hover .menu-icon.icon-dashboard:after, .main-nav li a:hover .menu-icon.icon-home:after, .main-nav li a:hover .menu-icon.icon-loans:after, .main-nav li a:hover .menu-icon.icon-savings:after, .main-nav li a:hover .menu-icon.icon-coins:after, .main-nav li a:hover .menu-icon.icon-exchange-office:after, .main-nav li a:hover .menu-icon.icon-bills:after, .main-nav li a:hover .menu-icon.icon-pay-card:after, .main-nav li a:hover .menu-icon.icon-exchange:after, .main-nav li a:hover .menu-icon.icon-support:after, .main-nav li a:hover .menu-icon.icon-myFinances:after, .main-nav li a:hover .menu-icon.icon-templates:after, .main-nav li a:hover .menu-icon.icon-investments:after, .main-nav li a:hover .menu-icon.icon-help:after, .main-nav li a:hover .menu-icon.icon-db:after, .main-nav li a:hover .menu-icon.icon-finances:after, .main-nav li a:hover .menu-icon.icon-value-paper:after, .main-nav li a.selected .menu-icon.icon-accounts:after, .main-nav li a.selected .menu-icon.icon-discounts:after, .main-nav li a.selected .menu-icon.icon-nuewo:after, .main-nav li a.selected .menu-icon.icon-insurance:after, .main-nav li a.selected .menu-icon.icon-payments:after, .main-nav li a.selected .menu-icon.icon-cards:after, .main-nav li a.selected .menu-icon.icon-dashboard:after, .main-nav li a.selected .menu-icon.icon-home:after, .main-nav li a.selected .menu-icon.icon-loans:after, .main-nav li a.selected .menu-icon.icon-savings:after, .main-nav li a.selected .menu-icon.icon-coins:after, .main-nav li a.selected .menu-icon.icon-exchange-office:after, .main-nav li a.selected .menu-icon.icon-bills:after, .main-nav li a.selected .menu-icon.icon-pay-card:after, .main-nav li a.selected .menu-icon.icon-exchange:after, .main-nav li a.selected .menu-icon.icon-support:after, .main-nav li a.selected .menu-icon.icon-myFinances:after, .main-nav li a.selected .menu-icon.icon-templates:after, .main-nav li a.selected .menu-icon.icon-investments:after, .main-nav li a.selected .menu-icon.icon-help:after, .main-nav li a.selected .menu-icon.icon-db:after, .main-nav li a.selected .menu-icon.icon-finances:after, .main-nav li a.selected .menu-icon.icon-value-paper:after {
  background-repeat: no-repeat;
  background-position-x: inherit;
  background-position-y: inherit;
  background-color: #52AE30;
  border-radius: 12px;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.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: rgb(255, 242, 0);
}

/*** ESSENTIAL STYLES ***/
.submenu {
  position: relative;
  top: unset;
  width: 100%;
}

.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu ul li {
  width: 100%;
}
.sf-menu li {
  /*position:		relative;
  float: left;*/
  zoom: 1;
  /*padding: 10px 18px 10px 10px;*/
  position: relative;
}
.sf-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}

html[dir=rtl] .sf-menu > li {
  float: right;
}

ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul {
  /*left:			0;
  top:			2.5em; 
  z-index:		99;
  position: absolute;*/
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
  left: 10em; /* match ul width */
  top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
  left: 10em; /* match ul width */
  top: 0;
}

/*** DEMO SKIN ***/
.sf-menu li {
  background: transparent;
}
.sf-menu li:hover, .sf-menu li.sfHover {
  /*background: url(images/nav-main.png) 0 -720px repeat-x #FED345;
  outline:		0;
  text-decoration: underline;*/
  /*color: $color-24;*/
}
.sf-menu li li {
  /*background:		#FED345;*/
}
.sf-menu li li li {
  /*background:		#FED345;*/
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  /*background: url(images/nav-main.png) 0 -720px repeat-x #FED345;
  outline:		0;
  text-decoration: underline;*/
  /*color: $color-24;*/
}

/*** arrows **/
.sf-menu li {
  background: transparent;
}
.sf-menu li:hover, .sf-menu li.sfHover {
  /*background: url(images/nav-main.png) 0 -720px repeat-x #FED345;
  outline:		0;
  text-decoration: underline;*/
  /*color: $color-24;*/
}
.sf-menu li li {
  /*background:		#FED345;*/
}
.sf-menu li li li {
  /*background:		#FED345;*/
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a.active {
  /*background: url(images/nav-main.png) 0 -720px repeat-x #FED345;
  outline:		0;
  text-decoration: underline;*/
  /*color: $color-24;*/
}
.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position: absolute;
  display: block;
  right: 0.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: 0.8em;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

li:hover > a.sf-sub-indicator, li.sfHover > a.sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
  background-position: 0 0;
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}
.sf-menu ul li:hover > a.sf-sub-indicator, .sf-menu ul li.sfHover > a.sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url("images/menu-shadow.png") no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

#render-wrapper {
  height: 100%;
}

#content_wrap {
  position: relative;
  width: calc(100% - 310px);
  min-height: 100vh;
  margin-bottom: -78px;
  margin-left: auto;
}
#content_wrap.active:after {
  height: 100%;
  opacity: 1;
}
#content_wrap:after {
  content: "";
  position: fixed;
  bottom: 0;
  left: -310px;
  height: 0;
  width: calc(100% + 310px);
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 12;
  opacity: 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}
#content_wrap .push {
  height: 78px;
}

/*page-header*/
#page-header {
  position: relative;
}
#page-header:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  zoom: 1;
  border-radius: 0 0 0 40px;
  background-image: url(images/logo/home-intro-back.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 51%;
}
#page-header.categories-header:not(.dashboard-header):after {
  z-index: -1;
  height: 590px !important;
}
#page-header.dashboard-header:after {
  height: 415px;
}
#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: 236px;
}
#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: "Source-Sans-Pro", 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: rgb(255, 242, 0);
  text-align: center;
  line-height: 18px;
  background: #77036b;
  border: 3px solid rgb(255, 242, 0);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: -10px;
  right: 10px;
}
.profile-options .settings-icon {
  background-size: 22px;
}
.profile-options .power-icon {
  background-size: 20px;
}

.side-menu .profile-options .settings-icon {
  background-image: url(images/icons/settings-icon-2.png);
}
.side-menu .profile-options .power-icon {
  background-image: url(images/icons/power-icon-2.png);
}
.side-menu .profile-options .message-icon {
  background-image: url(images/icons/message-icon-2.png);
}
.side-menu .profile-options .layers-icon {
  background-image: url(images/icons/layers-2.png);
}
.side-menu li:hover .settings-icon {
  background-image: url("images/icons/settings-icon-3.png");
}
.side-menu li:hover .power-icon {
  background-image: url("images/icons/power-icon-3.png");
}

/*end color-profile settings*/
/*.side-menu {
  width: 300px;
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: -225px;
  background: $input-gray url(images/bg/logo-transparent.png) -250px -220px no-repeat;
    @include transform(translateX(0));
    @include transition(transform 0.5s ease);
  z-index: 100;
  }

  .side-menu .profile-box {
    display: none;
}

.side-menu.active {
    @include transform(translateX(225px));
}*/
.side-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 310px;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.side-menu .mobile-btn {
  display: none;
}
.side-menu .main-menu {
  height: calc(100% - 155px);
}
.side-menu .s-portal-menu {
  height: calc(100% - 17px);
}
.side-menu .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  top: 0px;
  background: #2A7F00;
  opacity: 1;
}
.side-menu .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
  background: transparent;
}
.side-menu .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
.side-menu .mCSB_scrollTools .mCSB_draggerContainer {
  right: -3px !important;
}

.nav-btn-wrap {
  width: 50px;
  height: 50px;
  float: right;
}

.menu-btn {
  z-index: 10;
  display: block;
  cursor: pointer;
  position: absolute;
  padding: 18px 15px;
  top: 11px;
  left: -57px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  box-sizing: border-box;
}
.menu-btn li {
  display: block;
  width: 25px;
  height: 4px;
  background: #FFFFFF;
  margin-bottom: 3px;
  opacity: 1;
  position: relative;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.menu-btn .first {
  transform: translate3d(0, 0, 0) rotate(0deg);
  -ms-transform: translate3d(0, 0, 0) rotate(0deg);
  -moz-transform: translate3d(0, 0, 0) rotate(0deg);
  -o-transform: translate3d(0, 0, 0) rotate(0deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
  transform-origin: 50% 50%;
}
.menu-btn .second {
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform-origin: 50% 50%;
}
.menu-btn .third {
  transform: translate3d(0, 0, 0) rotate(0deg);
  -ms-transform: translate3d(0, 0, 0) rotate(0deg);
  -moz-transform: translate3d(0, 0, 0) rotate(0deg);
  -o-transform: translate3d(0, 0, 0) rotate(0deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
  transform-origin: 50% 50%;
}

/*main-nav*/
.main-nav .active .submenu li a {
  padding-left: 96px;
}
.main-nav ul li .menu-icon {
  display: none;
}
.main-nav li {
  zoom: 1;
  position: relative;
}
.main-nav li > li {
  border-bottom: 1px solid #303030;
}
.main-nav li ul a span {
  color: rgba(0, 0, 0, 0.87);
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px;
}
.main-nav a span {
  padding-left: 20px;
  word-break: break-all;
}
.main-nav .menu-icon {
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  min-width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.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;
  background-color: #E8E9EC;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  border-radius: 50%;
}
.main-nav svg use {
  fill: #FFFFFF;
  stroke: #FFFFFF;
  -webkit-transition: fill 0.3s ease;
  -moz-transition: fill 0.3s ease;
  -ms-transition: fill 0.3s ease;
  -o-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.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-nuewo:after, .main-nav li a:hover .menu-icon.icon-insurance:after, .main-nav li a:hover .menu-icon.icon-payments:after, .main-nav li a:hover .menu-icon.icon-cards:after, .main-nav li a:hover .menu-icon.icon-dashboard:after, .main-nav li a:hover .menu-icon.icon-home:after, .main-nav li a:hover .menu-icon.icon-loans:after, .main-nav li a:hover .menu-icon.icon-savings:after, .main-nav li a:hover .menu-icon.icon-coins:after, .main-nav li a:hover .menu-icon.icon-exchange-office:after, .main-nav li a:hover .menu-icon.icon-bills:after, .main-nav li a:hover .menu-icon.icon-pay-card:after, .main-nav li a:hover .menu-icon.icon-exchange:after, .main-nav li a:hover .menu-icon.icon-support:after, .main-nav li a:hover .menu-icon.icon-myFinances:after, .main-nav li a:hover .menu-icon.icon-templates:after, .main-nav li a:hover .menu-icon.icon-investments:after, .main-nav li a:hover .menu-icon.icon-help:after, .main-nav li a:hover .menu-icon.icon-db:after, .main-nav li a:hover .menu-icon.icon-finances:after, .main-nav li a:hover .menu-icon.icon-value-paper:after, .main-nav li a.selected .menu-icon.icon-accounts:after, .main-nav li a.selected .menu-icon.icon-discounts:after, .main-nav li a.selected .menu-icon.icon-nuewo:after, .main-nav li a.selected .menu-icon.icon-insurance:after, .main-nav li a.selected .menu-icon.icon-payments:after, .main-nav li a.selected .menu-icon.icon-cards:after, .main-nav li a.selected .menu-icon.icon-dashboard:after, .main-nav li a.selected .menu-icon.icon-home:after, .main-nav li a.selected .menu-icon.icon-loans:after, .main-nav li a.selected .menu-icon.icon-savings:after, .main-nav li a.selected .menu-icon.icon-coins:after, .main-nav li a.selected .menu-icon.icon-exchange-office:after, .main-nav li a.selected .menu-icon.icon-bills:after, .main-nav li a.selected .menu-icon.icon-pay-card:after, .main-nav li a.selected .menu-icon.icon-exchange:after, .main-nav li a.selected .menu-icon.icon-support:after, .main-nav li a.selected .menu-icon.icon-myFinances:after, .main-nav li a.selected .menu-icon.icon-templates:after, .main-nav li a.selected .menu-icon.icon-investments:after, .main-nav li a.selected .menu-icon.icon-help:after, .main-nav li a.selected .menu-icon.icon-db:after, .main-nav li a.selected .menu-icon.icon-finances:after, .main-nav li a.selected .menu-icon.icon-value-paper:after {
  border-radius: 50%;
}
.main-nav li a:hover .menu-icon.icon-accounts:after, .main-nav li a.selected .menu-icon.icon-accounts:after {
  background-image: url("images/menu-icons/ico_accounts_active@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-finances:after, .main-nav li a.selected .menu-icon.icon-finances:after {
  background-image: url(images/menu-icons/ic_moje_finansije_hover@2x.png);
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-discounts:after, .main-nav li a.selected .menu-icon.icon-discounts:after {
  background-image: url("images/menu-icons/ic_popusti_hover@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-nuewo:after, .main-nav li a.selected .menu-icon.icon-nuewo:after {
  background-image: url("images/menu-icons/ic_svet_zabave_dark@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-insurance:after, .main-nav li a.selected .menu-icon.icon-insurance:after {
  background-image: url("images/menu-icons/ic_osiguranja_hover@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-db:after, .main-nav li a.selected .menu-icon.icon-db:after {
  background-image: url("images/menu-icons/ic_db_hover@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-payments:after, .main-nav li a.selected .menu-icon.icon-payments:after {
  background-image: url("images/icons/payments_y.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-support:after, .main-nav li a.selected .menu-icon.icon-support:after {
  background-image: url("images/menu-icons/ico_podrska_hover@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-myFinances:after, .main-nav li a.selected .menu-icon.icon-myFinances:after {
  background-image: url("images/menu-icons/ico_moje_finansije_hover@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-cards:after, .main-nav li a.selected .menu-icon.icon-cards:after {
  background-image: url("images/menu-icons/ico_cards_active@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-dashboard:after, .main-nav li a.selected .menu-icon.icon-dashboard:after {
  background-image: url("images/menu-icons/ico_home@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-home:after, .main-nav li a.selected .menu-icon.icon-home:after {
  background-image: url("images/menu-icons/ico_home_active@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-loans:after, .main-nav li a.selected .menu-icon.icon-loans:after {
  background-image: url("images/menu-icons/ico_loans_active@2x.png");
  background-size: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-savings:after, .main-nav li a.selected .menu-icon.icon-savings:after {
  background-image: url("images/menu-icons/ico_deposits_active@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-coins:after, .main-nav li a.selected .menu-icon.icon-coins:after {
  background-image: url("images/icons/icon-coins-2.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-exchange:after, .main-nav li a.selected .menu-icon.icon-exchange:after {
  background-image: url("images/icons/icon-exchange-office_y.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-exchange-office:after, .main-nav li a.selected .menu-icon.icon-exchange-office:after {
  background-image: url("images/menu-icons/ico_exchange_active@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-bills:after, .main-nav li a.selected .menu-icon.icon-bills:after {
  background-image: url("images/icons/icon-bills_y.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-pay-card:after, .main-nav li a.selected .menu-icon.icon-pay-card:after {
  background-image: url("images/menu-icons/ico_payments_active@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-templates:after, .main-nav li a.selected .menu-icon.icon-templates:after {
  background-image: url("images/icons/icon-templates_y.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-investments:after, .main-nav li a.selected .menu-icon.icon-investments:after {
  background-image: url("images/icons/investment-2.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-help:after, .main-nav li a.selected .menu-icon.icon-help:after {
  background-image: url("images/icons/help-2.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-nav li a:hover .menu-icon.icon-value-paper:after, .main-nav li a.selected .menu-icon.icon-value-paper:after {
  background-image: url("images/icons/value-paper-2.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu-icon.icon-accounts:after {
  background-image: url("images/menu-icons/ico_accounts@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-finances:after {
  background-image: url(images/menu-icons/ic_moje_finansije@2x.png);
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-insurance:after {
  background-image: url("images/menu-icons/ic_osiguranja@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-discounts:after {
  background-image: url("images/menu-icons/ic_popusti@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-nuewo:after {
  background-image: url("images/menu-icons/ic_svet_zabave@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-db:after {
  background-image: url("images/menu-icons/ic_db@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-payments:after {
  background-image: url("images/icons/payments_w.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-support:after {
  background-image: url("images/menu-icons/ico_podrska@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-myFinances:after {
  background-image: url("images/menu-icons/ico_moje_finansije@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-cards:after {
  background-image: url("images/menu-icons/ico_cards@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-dashboard:after {
  background-image: url("images/menu-icons/ico_home@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-home:after {
  background-image: url("images/menu-icons/ico_home@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-loans:after {
  background-image: url("images/menu-icons/ico_loans@2x.png");
  background-size: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-savings:after {
  background-image: url("images/menu-icons/ico_deposits@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-coins:after {
  background-image: url("images/icons/icon-coins-1.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-exchange:after {
  background-image: url("images/icons/icon-exchange-office_w.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-exchange-office:after {
  background-image: url("images/menu-icons/ico_exchange@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-bills:after {
  background-image: url("images/icons/icon-bills_w.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-pay-card:after {
  background-image: url("images/menu-icons/ico_payments@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-templates:after {
  background-image: url("images/icons/icon-templates_w.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-investments:after {
  background-image: url("images/icons/investment-1.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-help:after {
  background-image: url("images/icons/help-1.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-icon.icon-value-paper:after {
  background-image: url("images/icons/value-paper-1.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.main-nav ul .menu-icon:after {
  transition: background-image, 0.5s;
  -moz-transition: background-image, 0.5s;
  -webkit-transition: background-image, 0.5s;
  -o-transition: background-image, 0.5s;
  -ms-transition: background-image, 0.5s;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-size: 27px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.main-nav ul .menu-icon.icon-exchange:after {
  background-image: url("images/icons/icon-exchange_w.png");
}
.main-nav ul .menu-icon.icon-bills:after {
  background-image: url("images/icons/icon-bills_w.png");
}
.main-nav ul .menu-icon.icon-money:after {
  background-image: url("images/icons/icon-money_w.png");
}
.main-nav ul .menu-icon.icon-pay-card:after {
  background-image: url("images/icons/icon-pay-card_w.png");
}
.main-nav ul .menu-icon.icon-exchange-office:after {
  background-image: url("images/icons/icon-exchange-office_w.png");
}
.main-nav ul .menu-icon.icon-templates:after {
  background-image: url("images/icons/icon-exchange-office_w.png");
}
.main-nav ul li:hover .menu-icon.icon-exchange:after, .main-nav ul li.active .menu-icon.icon-exchange:after {
  background-image: url("images/icons/icon-exchange_y.png");
}
.main-nav ul li:hover .menu-icon.icon-bills:after, .main-nav ul li.active .menu-icon.icon-bills:after {
  background-image: url("images/icons/icon-bills_y.png");
}
.main-nav ul li:hover .menu-icon.icon-money:after, .main-nav ul li.active .menu-icon.icon-money:after {
  background-image: url("images/icons/icon-money_y.png");
}
.main-nav ul li:hover .menu-icon.icon-pay-card:after, .main-nav ul li.active .menu-icon.icon-pay-card:after {
  background-image: url("images/icons/icon-pay-card_y.png");
}
.main-nav ul li:hover .menu-icon.icon-exchange-office:after, .main-nav ul li.active .menu-icon.icon-exchange-office:after {
  background-image: url("images/icons/icon-exchange-office_y.png");
}
.main-nav ul li:hover .menu-icon.icon-exchange:after, .main-nav ul li.active .menu-icon.icon-exchange:after {
  background-image: url("images/icons/icon-exchange_y.png");
}
.main-nav ul li:hover .menu-icon.icon-finances:after, .main-nav ul li.active .menu-icon.icon-finances:after {
  background-image: url("images/icons/ic_moje_finansije_hover@2x.png");
}
.main-nav ul li:hover .menu-icon.icon-templates:after, .main-nav ul li.active .menu-icon.icon-templates:after {
  background-image: url("images/icons/icon-templates_y.png");
}
.main-nav ul li a.selected .menu-icon.icon-exchange:after {
  background-image: url("images/icons/icon-exchange_y.png");
}
.main-nav ul li a.selected .menu-icon.icon-bills:after {
  background-image: url("images/icons/icon-bills_y.png");
}
.main-nav ul li a.selected .menu-icon.icon-money:after {
  background-image: url("images/icons/icon-money_y.png");
}
.main-nav ul li a.selected .menu-icon.icon-pay-card:after {
  background-image: url("images/icons/icon-pay-card_y.png");
}
.main-nav ul li a.selected .menu-icon.icon-exchange-office:after {
  background-image: url("images/icons/icon-exchange-office_y.png");
}
.main-nav ul li a.selected .menu-icon.icon-exchange:after {
  background-image: url("images/icons/icon-exchange_y.png");
}
.main-nav ul li a.selected .menu-icon.icon-templates:after {
  background-image: url("images/icons/icon-templates_y.png");
}

.side-menu nav:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}

@media only screen and (max-width: 600px) {
  .page-cover {
    height: 300px !important;
  }
  .page-cover h2 span {
    line-height: 26px !important;
    font-size: 14px;
  }
  .page-cover h2 strong {
    font-size: 24px;
    line-height: 40px;
  }
  .userinfo .s-widget-body .loginControls {
    margin-top: 0px;
  }
  #page-header .header-icons {
    display: none;
  }
  #page-header .mobile-options {
    display: block;
    width: 35px;
    height: 50px;
    background: url(images/icons/options-icon-3.png) center center no-repeat;
    background-size: 4px;
    position: absolute;
    top: 0px;
    right: 8px;
    cursor: pointer;
  }
  #page-header #account-select {
    width: 100% !important;
    margin-left: 50px;
    padding-right: 60px;
  }
  #page-header #account-select .dd-select {
    width: 100% !important;
  }
  #page-header #account-select .dd-options {
    width: 100% !important;
    left: -50px;
  }
  #page-header #account-select .dd-selected-text, #page-header #account-select .dd-option-text {
    font-size: 16px;
  }
  #page-header .dd-option {
    padding-left: 60px;
  }
  #page-header .dd-options {
    border-left: 0;
    border-right: 0;
  }
  #page-header.account-active .site-branding {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
  }
  .mobile-dropdown.active {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 23px;
    left: 0;
    background: #494f5a;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    /*@include transform(translateY(0));*/
    /*@include transition(transform 0.5s ease);*/
    -webkit-transform: translateY(170px);
    -moz-transform: translateY(170px);
    -ms-transform: translateY(170px);
    -o-transform: translateY(170px);
    transform: translateY(170px);
    /*display: block;*/
  }
  .mobile-dropdown li {
    border-bottom: 1px solid #60636b;
    position: relative;
  }
  .mobile-dropdown li:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #303030;
    position: absolute;
    bottom: 0px;
    left: 0;
  }
  .mobile-dropdown li a {
    display: block;
    font-size: 16px;
    color: #FFFFFF;
    text-align: right;
    text-transform: uppercase;
    padding: 12px 18px 12px 10px;
    color: #FFFFFF;
    padding: 14px 15px 14px 10px;
  }
  .mobile-dropdown li a span {
    cursor: pointer;
  }
  .mobile-dropdown li a i {
    display: inline-block;
    float: right;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 10px;
    position: relative;
    top: -1px;
  }
  .header-account-wrap .btn-1 {
    display: none;
  }
}
.selected-menu-item-1 span {
  color: #52AE30;
}

.menu-item-clicked-1 {
  background-color: #52AE30 !important;
  border-radius: 50% !important;
}

.icon-pay-card .menu-item-clicked-1:after {
  background-image: url("images/menu-icons/ico_payments_active@2x.png");
}

.icon-db .menu-item-clicked-1:after {
  background-image: url("images/menu-icons/ic_db_hover@2x.png");
}

.icon-nuewo .menu-item-clicked-1:after {
  background-image: url("images/menu-icons/ic_svet_zabave_dark@2x.png");
}

.icon-exchange-office .menu-item-clicked-1:after {
  background-image: url("images/menu-icons/ico_exchange_active@2x.png");
}

.icon-finances .menu-item-clicked-1:after {
  background-image: url("images/menu-icons/ic_moje_finansije_hover@2x.png");
}

.side-menu .header-logo {
  padding: 0 20px;
  margin-bottom: 12px;
  position: relative;
  z-index: 300 !important;
}
.side-menu .header-logo a {
  display: block;
  max-width: 160px !important;
  height: 120px !important;
  background: url(images/logo/logo.png) no-repeat center;
  background-size: contain;
  margin: 0 auto;
  webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}
.side-menu .hamburger-menu-close {
  display: none;
}
.side-menu .main-menu .s-portal-menu .main-nav li {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 25px;
}
.side-menu .main-menu .s-portal-menu .main-nav li a {
  position: relative;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 70px 0 40px;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.side-menu .main-menu .s-portal-menu .main-nav li a:hover, .side-menu .main-menu .s-portal-menu .main-nav li a.selected {
  color: #52AE30;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.side-menu .main-menu .s-portal-menu .main-nav li a:hover:before, .side-menu .main-menu .s-portal-menu .main-nav li a.selected:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.side-menu .main-menu .s-portal-menu .main-nav li a:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 100%;
  background-color: #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: transform 0.5s;
  transition: transform 0.5s;
}
.side-menu .main-menu .s-portal-menu .main-nav li ul li {
  margin-bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.side-menu .main-menu .s-portal-menu .main-nav li ul li a {
  padding: 10px 0 10px 100px;
}
.side-menu .main-menu .s-portal-menu .main-nav li ul li a span {
  padding: 0;
}
.side-menu .main-menu .s-portal-menu .main-nav li ul li a span:hover {
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
}
.side-menu .main-menu .s-portal-menu .main-nav li.dropdown a:after {
  content: "";
  margin-left: 10px;
  /*position: absolute;*/
  /*top: 50%;*/
  right: 95px;
  /*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: 0.5s ease;
}
.side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu {
  padding: 5px 0;
}
.side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a {
  color: #C7C7C7;
  position: relative;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a:hover {
  color: #52AE30;
}
.side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a.selected span {
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a:after {
  content: none;
}
.side-menu .main-menu .s-portal-menu .main-nav li.dropdown.active a:after {
  transform: rotate(180deg);
}
.side-menu .ui-widget-overlay {
  background-color: #000000 !important;
  opacity: 0.4 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 100 !important;
}

html[dir=rtl] .sf-menu > li {
  float: right;
}

/*#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 */
.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 tbody tr {
    background-color: #FEFEFE;
    height: 57px;
    border-bottom: none !important;
    transition: background-color .5s; }
    .clientGrid tbody tr:hover {
      background-color: #FFFFFF !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: #333333;
      font-size: 16px;
      line-height: 35px;
      vertical-align: middle;
      text-align: center;
      display: table-cell; }
    .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: 18px;
      margin: 0;
      line-height: 40px;
      padding-right: 20px;
      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: "Source-Sans-Pro-bold", sans-serif;
      padding-right: 0px;
      color: #52AE30; }
    .clientGrid tbody tr .color-debit {
      font-size: 15px;
      font-family: "Source-Sans-Pro-bold", sans-serif;
      padding-right: 0px; }
  .clientGrid .Multiselect {
    text-align: center; }
  .clientGridPager {
    height: 40px;
    justify-content: flex-end;
    padding-top: 15px;
    border-top: 1px solid #C7C7C7;
    padding-bottom: 20px;
    position: relative; }
    .clientGridPager .labelPager {
      position: absolute;
      left: 0px;
      font-family: "Source-Sans-Pro-semibold", sans-serif;
      color: rgba(0, 0, 0, 0.54);
      font-size: 13px;
      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: #FFFFFF;
      border-radius: 25px;
      border: none;
      transition: box-shadow .5s;
      cursor: pointer;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
      margin: 0 4px; }
      .clientGridPager div.pagerButton:hover {
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08); }
      .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 {
        transform: rotate(180deg);
        /*.rotate{
                        transform: rotate(180deg)
                    }*/ }
      .clientGridPager div.pagerButton.next {
        margin-right: 0; }
    .clientGridPager div.pageIndicator {
      position: relative;
      padding-right: 20px;
      line-height: 18px;
      font-family: "Source-Sans-Pro-semibold", sans-serif;
      color: rgba(0, 0, 0, 0.54);
      font-size: 13px; }
      .clientGridPager div.pageIndicator .pageCurrent {
        width: 50px;
        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 #dfe7ef;
        margin: 0 13px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        background-color: #FFFFFF;
        border-radius: 25px;
        position: relative;
        margin: 0 13px;
        color: rgba(0, 0, 0, 0.87);
        font-size: 15px;
        font-family: "Source-Sans-Pro", 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; }
    .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: 1px solid #dcdcdc;
        border-radius: 25px;
        padding: 0;
        cursor: pointer;
        overflow: hidden;
        height: fit-content;
        margin-left: 50px;
        background-color: white;
        z-index: 2;
        box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.12);
        /*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: white;
          padding: 10px 35px 10px 16px; }
          .clientGridPager .wrapper .pageSize .selected .activeNumber:after {
            content: "";
            display: block;
            width: 9px;
            height: 14px;
            position: absolute;
            top: 14px;
            right: 15px;
            background: url(images/icons/arrows-1.png) 50% no-repeat;
            background-size: 9px;
            background-color: inherit; }
        .clientGridPager .wrapper .pageSize .list {
          border-top: 2px solid #52ae30;
          display: none; }
          .clientGridPager .wrapper .pageSize .list.active {
            display: block; }
          .clientGridPager .wrapper .pageSize .list li {
            margin: 0;
            padding: 0;
            padding: 10px 35px 10px 16px;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            background-color: inherit; }
            .clientGridPager .wrapper .pageSize .list li:hover {
              background-color: whitesmoke;
              border-color: #dcdcdc; }

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

@charset "UTF-8";
/*#region fonts*/
@font-face {
  font-family: "Lato";
  src: url("fonts/Lato-Regular.eot");
  src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato-Semibold";
  src: url("fonts/Lato-Semibold.eot");
  src: url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Semibold.woff") format("woff"), url("fonts/Lato-Semibold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.eot");
  src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Sarabun";
  src: url("fonts/Sarabun-ExtraBold.eot");
  src: url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-ExtraBold.woff") format("woff"), url("fonts/Sarabun-ExtraBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Sarabun-Bold";
  src: url("fonts/Sarabun-Bold.eot");
  src: url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-Bold.woff") format("woff"), url("fonts/Sarabun-Bold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Sarabun-SemiBold";
  src: url("fonts/Sarabun-SemiBold.eot");
  src: url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-SemiBold.woff") format("woff"), url("fonts/Sarabun-SemiBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Source-Sans-Pro";
  src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff"), url("fonts/sourcesanspro-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source-Sans-Pro-bold";
  src: url("fonts/sourcesanspro-bold.woff2") format("woff2"), url("fonts/sourcesanspro-bold.woff") format("woff"), url("fonts/sourcesanspro-bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source-Sans-Pro-semibold";
  src: url("fonts/sourcesanspro-semibold.woff2") format("woff2"), url("fonts/sourcesanspro-semibold.woff") format("woff"), url("fonts/sourcesanspro-semibold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/*#endregion fonts*/
/* colors */
.PaymentOrderV2 .wrapper,
.PaymentOrderV4 .wrapper, .FXTrading .user-account-card-outer .wrapper,
.PaymentTransferV2 .user-account-card-outer .wrapper,
.CardPayment .user-account-card-outer .wrapper,
.PaymentOrderV2 .user-account-card-outer .wrapper,
.PaymentOrderV4 .user-account-card-outer .wrapper, .notificationMsgList .clientGridPager .currentPage, .notificationMsgList .clientGridPager .pagination, .message-hub-dialog .read-messages-list,
.rateData .read-messages-list,
.transferData .read-messages-list,
.transferSuccess .read-messages-list,
.exchangeDetails .read-messages-list,
.intrabankData .read-messages-list,
.intrabankDataSuccess .read-messages-list,
.newTemplate .read-messages-list, .read-message .all-accounts-popup-wrapper, .MessageHubNotificationList .tableFilter, .gvAccountTurnoverPreview .clientGrid tbody tr td .tablesaw-cell-content, .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content,
.CardTurnover .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content, .AccountBalancePreview .wrapper,
.CardBalancePreviewV2 .wrapper,
.LoanBalancePreviewV2 .wrapper,
.DepositBalancePreviewV2 .wrapper,
.AccountSlider .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

.MessageHubNotificationList .show-per-page *, .Forms_ActiveWorkflowListSOG .show-per-page *, .LoanRepayments .show-per-page *,
.CreditorTemplateManaging .show-per-page *,
.CardStatements .show-per-page *,
.AccountStatements .show-per-page *, .notificationMsgList .clientGridPager *, .s-page-host:not(.login) {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

.s-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: #fff;
  /*box-shadow: 0 8px 10px rgba(0,0,0, .8);*/
  border-radius: 10px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.currency-switch > span {
  display: block;
  width: 50%;
  float: left;
  font-size: 13px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
  padding: 6px 5px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  cursor: pointer;
  position: relative;
}

/*#region s-widget*/
.s-widget {
  /* border-radius: 0;
  margin: 0 0 20px 0;
  background: white;
  background-repeat: no-repeat;
  background-position: 24px 13px;*/
}
.s-widget .s-overlay {
  opacity: 0.1;
  filter: Alpha(Opacity=10);
  border-radius: 16px;
}
.s-widget-header {
  border: 0;
  line-height: 20px;
  cursor: default;
  color: #191e39;
  border-radius: 0;
}
.s-widget-header.draggable {
  cursor: move;
}
.s-widget-header.nodrag {
  cursor: default;
}
.s-widget-header.nochrome {
  display: none;
}
.s-widget-placeholder {
  border: 1px dashed #CCCCCC;
}
.s-widget-loading {
  display: none;
  width: 16px;
  height: 16px;
  background: url("images/segment-material-preloader-1.gif") no-repeat;
}
.s-widget-button {
  cursor: pointer;
  width: 16px;
}
.s-widget-title {
  font: 400 20px/1.2 "Source-Sans-Pro-semibold", sans-serif;
  width: 100%;
  font-size: 24px;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  margin-bottom: 30px;
  display: block;
}
.s-widget-body {
  /* border: 0;
  overflow: auto;
  min-height: 65px;*/
}
.s-widget-body-header {
  font-size: 0.9em;
  font-weight: bold;
  padding: 6px;
  border-bottom: 1px solid #CCCCCC;
}
.s-widget-body-error-summary {
  background-color: #FFE6E6;
  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 #C7C7C7;
}
.CurrencyExchangeV2 .s-widget-body table tbody tr:first-child {
  border-top: none !important;
}
.CurrencyExchangeV2 .s-widget-body table tbody:before {
  content: "@";
  display: block;
  line-height: 20px;
  text-indent: -99999px;
}
.CurrencyExchangeV2 .popup-content .dot-decoration {
  right: 45px;
}
.CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-inner .transaction-filter {
  width: 185px;
  height: 40px;
  position: relative;
  border: 1px solid #E8E9EC;
  border-radius: 25px;
  cursor: pointer;
}
.CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-inner .transaction-filter input {
  width: 100%;
  position: relative;
  padding: 11px 34px 11px 16px;
  color: rgba(0, 0, 0, 0.87);
  z-index: 1;
}
.CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-inner .transaction-filter svg {
  position: absolute;
  right: 16px;
  width: 18px;
  height: 18px;
}
.CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-box {
  margin-bottom: 0;
}
.CurrencyExchangeV2 .currency-exchange-filter .filterButton {
  box-shadow: 0px 8px 24px rgba(54, 60, 164, 0.4);
  background: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: box-shadow 0.5s;
  cursor: pointer;
}
.CurrencyExchangeV2 .currency-exchange-filter .filterButton button {
  background: none;
  width: 40px;
  height: 40px;
  border: none;
  background-color: #52AE30;
  border-radius: 50%;
  cursor: pointer;
}
.CurrencyExchangeV2 .currency-exchange-filter .filterButton button svg {
  width: 6px;
  height: 12px;
  position: relative;
  top: 6%;
  left: 5%;
  fill: #FFFFFF;
}
.CurrencyExchangeV2 .input-page-text {
  border: none;
  background: transparent;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px;
  cursor: pointer;
}
.CurrencyExchangeV2 img {
  margin-right: 15px;
}
.CurrencyExchangeV2 .dot-menu-icon-wrapper {
  margin-right: 16px;
}
.CurrencyExchangeV2 .s-widget-title {
  margin-bottom: 0;
  position: relative;
  top: 45px;
  width: 70% !important;
}
.CurrencyExchangeV2 .gvCurrencyExchange .labelPager {
  display: none;
}

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

.password-change-dialog label {
  margin-bottom: -35px !important;
  padding: 0 20px;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px !important;
  font-weight: 100 !important;
  transition: all 0.5s;
  color: rgba(0, 0, 0, 0.54);
  position: relative;
  z-index: 1;
}
.password-change-dialog label.active {
  margin-bottom: -25px !important;
  margin-top: -10px !important;
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
  font-size: 13px !important;
}
.password-change-dialog .input-1 {
  padding-top: 30px !important;
  position: relative;
  z-index: 2;
  background: transparent !important;
  border: none !important;
}
.password-change-dialog .validationMessage {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.password-change-dialog .wrapper-label-input {
  width: 100%;
  height: 20px;
  padding: 16px 0px;
  background-color: #FFFFFF;
  border-radius: 25px;
}
.password-change-dialog .wrapper-label-input.focusin {
  border: 1px solid #52AE30;
}
.password-change-dialog .btn-2 {
  transition: background-color 0.5s;
}
.password-change-dialog .btn-2:hover {
  background-color: #2A7F00;
  box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4) !important;
}

.CurrencyCalculator-dashboard {
  padding-left: unset !important;
  padding-bottom: unset !important;
  margin-top: 55px !important;
  margin-right: 20px;
}
.CurrencyCalculator-dashboard .calculator-heading {
  left: auto !important;
  top: -40px !important;
}
.CurrencyCalculator-dashboard .currency-calculator-table {
  padding-top: 25px !important;
}
.CurrencyCalculator-dashboard .btn-1 {
  color: #FFFFFF;
}
.CurrencyCalculator-dashboard .inputAmount {
  z-index: 2 !important;
  position: relative;
  background: transparent;
}
.CurrencyCalculator-dashboard .currency-calculator-table .inputAmount {
  height: 30px !important;
  padding-top: 20px;
}
.CurrencyCalculator-dashboard .currency-calculator-table .outputAmount {
  height: 30px !important;
  padding-top: 20px;
  margin-bottom: 25px;
}
.CurrencyCalculator-dashboard .currency-calculator-table label {
  margin-bottom: -15px !important;
  z-index: 1;
  position: relative;
  margin-top: 8px;
  top: 20px;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px !important;
  font-weight: 100 !important;
  transition: all 0.5s;
}
.CurrencyCalculator-dashboard .currency-calculator-table label.active {
  top: 10px;
  color: #52AE30;
  font-size: 12px !important;
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}

.CurrencyCalculator {
  padding-left: 20px;
  padding-bottom: 160px;
  margin-top: 25px;
}
.CurrencyCalculator .borderError {
  border: 1px solid red !important;
}
.CurrencyCalculator .s-widget-button {
  display: none;
}
.CurrencyCalculator .s-widget-header table {
  margin-bottom: 0;
}
.CurrencyCalculator .s-widget-title {
  margin-top: 6px;
  display: none;
}
.CurrencyCalculator .focusin {
  border: 1px solid #52AE30 !important;
}
.CurrencyCalculator .popup-content {
  width: 80px;
  right: 0;
  max-height: 240px;
  overflow-y: overlay;
}
.CurrencyCalculator .popup-content::-webkit-scrollbar {
  background: transparent;
  border-radius: 16px;
  width: 5px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.CurrencyCalculator .popup-content::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 16px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.CurrencyCalculator .popup-content::-webkit-scrollbar-thumb {
  background: #52AE30;
  border-radius: 16px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.CurrencyCalculator .dot-decoration {
  right: 17px !important;
  background-color: #f60;
  top: 48px;
  position: absolute;
  z-index: 15;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  visibility: hidden;
  -webkit-transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
.CurrencyCalculator .dd-1.active,
.CurrencyCalculator .dd-2.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.CurrencyCalculator .calculator-heading {
  position: relative;
  z-index: 1 !important;
  font-size: 24px;
  left: 35%;
  top: 62px;
  font-family: "Source-Sans-Pro-bold", sans-serif;
}
.CurrencyCalculator .first-error-message .validationMessage {
  margin-top: -20px;
  margin-left: -3px;
}
.CurrencyCalculator .dot-menu {
  border-radius: 50%;
  top: 25px;
}
.CurrencyCalculator .around-calc-img {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #EFEFEF;
  margin-bottom: 10px;
}
.CurrencyCalculator .currency-calculator-table {
  border-collapse: unset;
  border-spacing: unset;
  border-radius: 20px;
  padding: 85px 40px 40px 40px;
  border: 1px solid #F5F5F5;
  background-color: #FFFFFF;
  width: 100%;
  position: relative;
}
.CurrencyCalculator .currency-calculator-table .payment-inner-text {
  display: inline-block;
  position: absolute;
}
.CurrencyCalculator .currency-calculator-table .payment-inner-text h4 {
  display: inline-block;
  margin-bottom: 0px;
}
.CurrencyCalculator .currency-calculator-table .payment-inner-text .validationMessage {
  margin-bottom: 0px !important;
  margin-top: -2px !important;
  margin-left: -18px;
}
.CurrencyCalculator .currency-calculator-table input {
  width: 93%;
  height: 40px;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  font-size: 15px;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  border: 1px solid #DCDCDC;
  background: #FFFFFF;
  border-radius: 25px;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  margin: 0;
  -webkit-appearance: none;
}
.CurrencyCalculator .currency-calculator-table input.outputName {
  background: transparent;
  border: none;
  font-size: 18px;
  height: auto;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  margin-bottom: 0px;
}
.CurrencyCalculator .currency-calculator-table label {
  display: block;
  font-weight: 600;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  padding: 0 16px;
  margin-bottom: 7px;
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 !important;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  border-radius: 0px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.EUR {
  background-image: url(images/icons/eu-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.RSD {
  background-image: url(images/icons/srb-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.RUB {
  background-image: url(images/icons/rus-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.USD {
  background-image: url(images/icons/us-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.CHF {
  background-image: url(images/icons/swiss-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.GBP {
  background-image: url(images/icons/uk-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.AUD {
  background-image: url(images/icons/aus-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.SEK {
  background-image: url(images/icons/swe-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.HRK {
  background-image: url(images/icons/cro-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.CAD {
  background-image: url(images/icons/cad-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.DKK {
  background-image: url(images/icons/dan-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.JPY {
  background-image: url(images/icons/jap-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.NOK {
  background-image: url(images/icons/nr-flag.png);
}
.CurrencyCalculator .currency-calculator-table .payment-filter-payment.HUF {
  background-image: url(images/icons/hun-flag.png);
}
.CurrencyCalculator .currency-calculator-table .inputAmount {
  margin-bottom: 30px;
  padding-left: 15px;
  z-index: 1;
  position: relative;
  background: transparent;
}
.CurrencyCalculator .currency-calculator-table .outputAmount {
  padding-left: 15px;
}

.cardPaymentTransferDetails .popup-btn-wrapper {
  bottom: -35px !important;
}
.cardPaymentTransferDetails .button-back {
  background-color: #52AE30 !important;
  color: #FFFFFF !important;
}
.cardPaymentTransferDetails .success-failed {
  margin-top: 60px;
}
.cardPaymentTransferDetails .account-inter-inner-scroll {
  overflow: hidden !important;
}

.CardPayment .input-select-1 {
  cursor: default !important;
}

.CardPayment .user-account-card-img.accounts,
.FXTrading .user-account-card-img.accounts,
.PaymentTransferV2 .user-account-card-img.accounts {
  width: 80px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  /*            background-image: url(images/icons/home-acc-pic.jpg);*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.CardPayment .user-account-card-img.cards,
.FXTrading .user-account-card-img.cards,
.PaymentTransferV2 .user-account-card-img.cards {
  height: 48px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  background-image: url(images/icons/card-1.jpg);
  background-repeat: no-repeat;
  padding-left: 0 !important;
  background-position: center;
  background-size: contain;
}
.CardPayment .user-account-card-img.card,
.FXTrading .user-account-card-img.card,
.PaymentTransferV2 .user-account-card-img.card {
  width: 80px !important;
  height: 50px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16) !important;
  border-radius: 4px;
  position: relative;
}
.CardPayment .user-account-card-img.card.block,
.FXTrading .user-account-card-img.card.block,
.PaymentTransferV2 .user-account-card-img.card.block {
  display: block;
}
.CardPayment .user-account-card-img.card .card-image,
.FXTrading .user-account-card-img.card .card-image,
.PaymentTransferV2 .user-account-card-img.card .card-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.CardPayment .user-account-card-img.card .card-image.card-601,
.FXTrading .user-account-card-img.card .card-image.card-601,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-601 {
  background-image: url("images/cards-types/card-601.png");
}
.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-603,
.FXTrading .user-account-card-img.card .card-image.card-603,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-603 {
  background-image: url("images/cards-types/card-603.png");
}
.CardPayment .user-account-card-img.card .card-image.card-604,
.FXTrading .user-account-card-img.card .card-image.card-604,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-604 {
  background-image: url("images/cards-types/card-604.png");
}
.CardPayment .user-account-card-img.card .card-image.card-605,
.FXTrading .user-account-card-img.card .card-image.card-605,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-605 {
  background-image: url("images/cards-types/card-605.png");
}
.CardPayment .user-account-card-img.card .card-image.card-609,
.FXTrading .user-account-card-img.card .card-image.card-609,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-609 {
  background-image: url("images/cards-types/card-609.png");
}
.CardPayment .user-account-card-img.card .card-image.card-610,
.FXTrading .user-account-card-img.card .card-image.card-610,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-610 {
  background-image: url("images/cards-types/card-610.png");
}
.CardPayment .user-account-card-img.card .card-image.card-616,
.FXTrading .user-account-card-img.card .card-image.card-616,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-616 {
  background-image: url("images/cards-types/card-616.png");
}
.CardPayment .user-account-card-img.card .card-image.card-617,
.FXTrading .user-account-card-img.card .card-image.card-617,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-617 {
  background-image: url("images/cards-types/card-617.png");
}
.CardPayment .user-account-card-img.card .card-image.card-618,
.FXTrading .user-account-card-img.card .card-image.card-618,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-618 {
  background-image: url("images/cards-types/card-618.png");
}
.CardPayment .user-account-card-img.card .card-image.card-624,
.FXTrading .user-account-card-img.card .card-image.card-624,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-624 {
  background-image: url("images/cards-types/card-624.png");
}
.CardPayment .user-account-card-img.card .card-image.card-625,
.FXTrading .user-account-card-img.card .card-image.card-625,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-625 {
  background-image: url("images/cards-types/card-625.png");
}
.CardPayment .user-account-card-img.card .card-image.card-626,
.FXTrading .user-account-card-img.card .card-image.card-626,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-626 {
  background-image: url("images/cards-types/card-626.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-636,
.FXTrading .user-account-card-img.card .card-image.card-636,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-636 {
  background-image: url("images/cards-types/card-636.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-638,
.FXTrading .user-account-card-img.card .card-image.card-638,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-638 {
  background-image: url("images/cards-types/card-638.png");
}
.CardPayment .user-account-card-img.card .card-image.card-639,
.FXTrading .user-account-card-img.card .card-image.card-639,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-639 {
  background-image: url("images/cards-types/card-639.png");
}
.CardPayment .user-account-card-img.card .card-image.card-640,
.FXTrading .user-account-card-img.card .card-image.card-640,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-640 {
  background-image: url("images/cards-types/card-640.png");
}
.CardPayment .user-account-card-img.card .card-image.card-641,
.FXTrading .user-account-card-img.card .card-image.card-641,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-641 {
  background-image: url("images/cards-types/card-641.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-644,
.FXTrading .user-account-card-img.card .card-image.card-644,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-644 {
  background-image: url("images/cards-types/card-644.png");
}
.CardPayment .user-account-card-img.card .card-image.card-646,
.FXTrading .user-account-card-img.card .card-image.card-646,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-646 {
  background-image: url("images/cards-types/card-646.png");
}
.CardPayment .user-account-card-img.card .card-image.card-651,
.FXTrading .user-account-card-img.card .card-image.card-651,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-651 {
  background-image: url("images/cards-types/card-651.png");
}
.CardPayment .user-account-card-img.card .card-image.card-659,
.FXTrading .user-account-card-img.card .card-image.card-659,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-659 {
  background-image: url("images/cards-types/card-659.png");
}
.CardPayment .user-account-card-img.card .card-image.card-662,
.FXTrading .user-account-card-img.card .card-image.card-662,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-662 {
  background-image: url("images/cards-types/card-662.png");
}
.CardPayment .user-account-card-img.card .card-image.card-663,
.FXTrading .user-account-card-img.card .card-image.card-663,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-663 {
  background-image: url("images/cards-types/card-663.png");
}
.CardPayment .user-account-card-img.card .card-image.card-668,
.FXTrading .user-account-card-img.card .card-image.card-668,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-668 {
  background-image: url("images/cards-types/card-668.png");
}
.CardPayment .user-account-card-img.card .card-image.card-669,
.FXTrading .user-account-card-img.card .card-image.card-669,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-669 {
  background-image: url("images/cards-types/card-669.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-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.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-683-1,
.FXTrading .user-account-card-img.card .card-image.card-683-1,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-683-1 {
  background-image: url("images/cards-types/card-683.png");
}
.CardPayment .user-account-card-img.card .card-image.card-6831,
.FXTrading .user-account-card-img.card .card-image.card-6831,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-6831 {
  background-image: url("images/cards-types/card-6831.png");
}
.CardPayment .user-account-card-img.card .card-image.card-6832,
.FXTrading .user-account-card-img.card .card-image.card-6832,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-6832 {
  background-image: url("images/cards-types/card-6832.png");
}
.CardPayment .user-account-card-img.card .card-image.card-6833,
.FXTrading .user-account-card-img.card .card-image.card-6833,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-6833 {
  background-image: url("images/cards-types/card-6833.png");
}
.CardPayment .user-account-card-img.card .card-image.card-6834,
.FXTrading .user-account-card-img.card .card-image.card-6834,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-6834 {
  background-image: url("images/cards-types/card-6834.png");
}
.CardPayment .user-account-card-img.card .card-image.card-6830,
.FXTrading .user-account-card-img.card .card-image.card-6830,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-6830 {
  background-image: url("images/cards-types/card-6830.png");
}
.CardPayment .user-account-card-img.card .card-image.card-684,
.FXTrading .user-account-card-img.card .card-image.card-684,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-684 {
  background-image: url("images/cards-types/card-684.png");
}
.CardPayment .user-account-card-img.card .card-image.card-685,
.FXTrading .user-account-card-img.card .card-image.card-685,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-685 {
  background-image: url("images/cards-types/card-685.png");
}
.CardPayment .user-account-card-img.card .card-image.card-687,
.FXTrading .user-account-card-img.card .card-image.card-687,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-687 {
  background-image: url("images/cards-types/card-687.png");
}
.CardPayment .user-account-card-img.card .card-image.card-689,
.FXTrading .user-account-card-img.card .card-image.card-689,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-689 {
  background-image: url("images/cards-types/card-689.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-692,
.FXTrading .user-account-card-img.card .card-image.card-692,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-692 {
  background-image: url("images/cards-types/card-692.png");
}
.CardPayment .user-account-card-img.card .card-image.card-693,
.FXTrading .user-account-card-img.card .card-image.card-693,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-693 {
  background-image: url("images/cards-types/card-693.png");
}
.CardPayment .user-account-card-img.card .card-image.card-696,
.FXTrading .user-account-card-img.card .card-image.card-696,
.PaymentTransferV2 .user-account-card-img.card .card-image.card-696 {
  background-image: url("images/cards-types/card-696.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;
}

.AccountBalancePreview,
.CardBalancePreviewV2,
.LoanBalancePreviewV2,
.DepositBalancePreviewV2,
.AccountSlider {
  margin-bottom: 100px;
}
.AccountBalancePreview .wrapper,
.CardBalancePreviewV2 .wrapper,
.LoanBalancePreviewV2 .wrapper,
.DepositBalancePreviewV2 .wrapper,
.AccountSlider .wrapper {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.AccountBalancePreview .wrapper.account-card-img,
.CardBalancePreviewV2 .wrapper.account-card-img,
.LoanBalancePreviewV2 .wrapper.account-card-img,
.DepositBalancePreviewV2 .wrapper.account-card-img,
.AccountSlider .wrapper.account-card-img {
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.AccountBalancePreview .wrapper.account-card-img:hover,
.CardBalancePreviewV2 .wrapper.account-card-img:hover,
.LoanBalancePreviewV2 .wrapper.account-card-img:hover,
.DepositBalancePreviewV2 .wrapper.account-card-img:hover,
.AccountSlider .wrapper.account-card-img:hover {
  background-color: #F5F5F5 !important;
}
.AccountBalancePreview .wrapper.account-card-img:hover .profile-text-arrow,
.CardBalancePreviewV2 .wrapper.account-card-img:hover .profile-text-arrow,
.LoanBalancePreviewV2 .wrapper.account-card-img:hover .profile-text-arrow,
.DepositBalancePreviewV2 .wrapper.account-card-img:hover .profile-text-arrow,
.AccountSlider .wrapper.account-card-img:hover .profile-text-arrow {
  -webkit-transform: translate(10px);
  transform: translate(10px);
}
.AccountBalancePreview .wrapper.account-card-img .user-account-card-img,
.CardBalancePreviewV2 .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 {
  display: none;
}
.AccountBalancePreview .wrapper.account-card-img .user-account-card-img.background-5,
.CardBalancePreviewV2 .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 {
  display: block;
  background-image: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.AccountBalancePreview .wrapper.account-card-img .user-account-card-img.background-5 svg,
.CardBalancePreviewV2 .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 {
  width: 24px;
  height: 19px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.AccountBalancePreview .wrapper.account-card-img .profile-text-arrow,
.CardBalancePreviewV2 .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 {
  display: block;
  fill: #C7C7C7;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  width: 7px;
  height: 12px;
  right: 1px;
  position: relative;
  top: -10px;
}
.AccountBalancePreview .wrapper.account-card-img .profile-text-arrow.dual,
.CardBalancePreviewV2 .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 {
  top: -17px !important;
}
.AccountBalancePreview .wrapper.account-card-img .account-card-text h2,
.CardBalancePreviewV2 .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 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 20px;
}
.AccountBalancePreview .wrapper.account-card-img .account-detail-menu,
.CardBalancePreviewV2 .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 {
  display: none;
}
.AccountBalancePreview .wrapper.account-card-img .account-intro-inner,
.CardBalancePreviewV2 .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 {
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  padding: 15px 58px 15px 0px;
  border-bottom: 1px solid #DCDCDC;
  width: 100%;
}
.AccountBalancePreview .wrapper.account-card-img .accounts-intro-balance h2,
.CardBalancePreviewV2 .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 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 20px;
}
.AccountBalancePreview .wrapper.account-card-img .accounts-intro-balance.right,
.CardBalancePreviewV2 .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 {
  cursor: pointer;
}
.AccountBalancePreview .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,
.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 {
  display: inline-block;
  margin-right: 32px;
}
.AccountBalancePreview .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,
.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 {
  transform: translateY(-15px);
  height: 24px;
}
.AccountBalancePreview .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,
.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 {
  height: 20px;
  transform: translateY(-16px);
}
.AccountBalancePreview .wrapper.account-card-img .accounts-intro-balance.right svg,
.CardBalancePreviewV2 .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 {
  display: inline-block;
}
.AccountBalancePreview .wrapper.account-card-img.selected,
.CardBalancePreviewV2 .wrapper.account-card-img.selected,
.LoanBalancePreviewV2 .wrapper.account-card-img.selected,
.DepositBalancePreviewV2 .wrapper.account-card-img.selected,
.AccountSlider .wrapper.account-card-img.selected {
  background-image: linear-gradient(to bottom, rgba(54, 57, 164, 0.1), rgba(0, 0, 0, 0));
  margin-top: 40px;
}
.AccountBalancePreview .user-account-card,
.CardBalancePreviewV2 .user-account-card,
.LoanBalancePreviewV2 .user-account-card,
.DepositBalancePreviewV2 .user-account-card,
.AccountSlider .user-account-card {
  border-radius: 16px;
  padding-top: 35px;
  padding-bottom: 35px;
  box-shadow: 0 17px 17px -5px rgba(0, 0, 0, 0.08);
  transition: border-radius 0.5s ease-in-out;
}
.AccountBalancePreview .user-account-card .btn-2,
.CardBalancePreviewV2 .user-account-card .btn-2,
.LoanBalancePreviewV2 .user-account-card .btn-2,
.DepositBalancePreviewV2 .user-account-card .btn-2,
.AccountSlider .user-account-card .btn-2 {
  display: block;
  padding: 14px 10px;
  border-radius: 40px;
}
.AccountBalancePreview .account-intro-inner,
.CardBalancePreviewV2 .account-intro-inner,
.LoanBalancePreviewV2 .account-intro-inner,
.DepositBalancePreviewV2 .account-intro-inner,
.AccountSlider .account-intro-inner {
  width: calc(100% - 140px);
}
.AccountBalancePreview .account-intro-inner.full,
.CardBalancePreviewV2 .account-intro-inner.full,
.LoanBalancePreviewV2 .account-intro-inner.full,
.DepositBalancePreviewV2 .account-intro-inner.full,
.AccountSlider .account-intro-inner.full {
  width: 100%;
}
.AccountBalancePreview .account-intro-inner.full.margin-right-2,
.CardBalancePreviewV2 .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 {
  margin-right: 20px;
}
.AccountBalancePreview .account-intro-inner:nth-child(3),
.CardBalancePreviewV2 .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) {
  background-image: linear-gradient(to bottom, rgba(54, 57, 164, 0.1), rgba(0, 0, 0, 0));
  margin-top: 35px;
}
.AccountBalancePreview .account-intro-inner.lastBorder,
.CardBalancePreviewV2 .account-intro-inner.lastBorder,
.LoanBalancePreviewV2 .account-intro-inner.lastBorder,
.DepositBalancePreviewV2 .account-intro-inner.lastBorder,
.AccountSlider .account-intro-inner.lastBorder {
  border-bottom: none !important;
}
.AccountBalancePreview .account-intro-inner .user-account-loan-img,
.CardBalancePreviewV2 .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 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}
.AccountBalancePreview .account-intro-inner .user-account-loan-img svg,
.CardBalancePreviewV2 .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 {
  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%);
}
.AccountBalancePreview .account-intro-inner.visible,
.CardBalancePreviewV2 .account-intro-inner.visible,
.LoanBalancePreviewV2 .account-intro-inner.visible,
.DepositBalancePreviewV2 .account-intro-inner.visible,
.AccountSlider .account-intro-inner.visible {
  padding: 15px 95px 15px 0px;
  border-bottom: 1px solid #DCDCDC;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  width: 100%;
}
.AccountBalancePreview .account-intro-inner.visible .account-card-text h2,
.CardBalancePreviewV2 .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 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 20px;
}
.AccountBalancePreview .account-intro-inner.visible .accounts-intro-balance h2,
.CardBalancePreviewV2 .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 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 20px;
}
.AccountBalancePreview .account-intro-inner.visible .user-account-card-img,
.CardBalancePreviewV2 .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 {
  display: none;
}
.AccountBalancePreview .account-intro-inner.visible .user-account-card-img.background-5,
.CardBalancePreviewV2 .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 {
  display: block;
  background-image: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.AccountBalancePreview .account-intro-inner.visible .user-account-card-img.background-5 svg,
.CardBalancePreviewV2 .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 {
  width: 24px;
  height: 19px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.AccountBalancePreview .account-intro-inner .profile-text-arrow,
.CardBalancePreviewV2 .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 {
  display: none;
}
.AccountBalancePreview .account-card-text,
.CardBalancePreviewV2 .account-card-text,
.LoanBalancePreviewV2 .account-card-text,
.DepositBalancePreviewV2 .account-card-text,
.AccountSlider .account-card-text {
  width: 63%;
  padding-left: 25px;
}
.AccountBalancePreview .account-card-btn,
.CardBalancePreviewV2 .account-card-btn,
.LoanBalancePreviewV2 .account-card-btn,
.DepositBalancePreviewV2 .account-card-btn,
.AccountSlider .account-card-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #DCDCDC;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}
.AccountBalancePreview .account-card-btn.show-margin,
.CardBalancePreviewV2 .account-card-btn.show-margin,
.LoanBalancePreviewV2 .account-card-btn.show-margin,
.DepositBalancePreviewV2 .account-card-btn.show-margin,
.AccountSlider .account-card-btn.show-margin {
  margin-left: 15px;
}
.AccountBalancePreview .account-card-btn svg,
.CardBalancePreviewV2 .account-card-btn svg,
.LoanBalancePreviewV2 .account-card-btn svg,
.DepositBalancePreviewV2 .account-card-btn svg,
.AccountSlider .account-card-btn svg {
  fill: #52AE30;
  width: 8px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}
.AccountBalancePreview .account-detail-menu,
.CardBalancePreviewV2 .account-detail-menu,
.LoanBalancePreviewV2 .account-detail-menu,
.DepositBalancePreviewV2 .account-detail-menu,
.AccountSlider .account-detail-menu {
  width: 100px;
}
.AccountBalancePreview .account-detail-menu .dot-menu,
.CardBalancePreviewV2 .account-detail-menu .dot-menu,
.LoanBalancePreviewV2 .account-detail-menu .dot-menu,
.DepositBalancePreviewV2 .account-detail-menu .dot-menu,
.AccountSlider .account-detail-menu .dot-menu {
  background-color: #52AE30;
  border-radius: 50%;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
}
.AccountBalancePreview .account-detail-menu .dot-menu:hover,
.CardBalancePreviewV2 .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 {
  background-color: #2A7F00;
  transition: all 0.4s;
}
.AccountBalancePreview .account-detail-menu .activity-popup-filter .dot-decoration,
.CardBalancePreviewV2 .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 {
  right: 55px;
}
.AccountBalancePreview .account-detail-menu .activity-popup-filter .page-text,
.CardBalancePreviewV2 .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 {
  padding-right: 0;
}
.AccountBalancePreview .accounts-intro-balance, .AccountBalancePreview .accounts-intro-title,
.CardBalancePreviewV2 .accounts-intro-balance,
.CardBalancePreviewV2 .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 {
  width: 45%;
}
.AccountBalancePreview .accounts-intro-balance h2, .AccountBalancePreview .accounts-intro-title h2,
.CardBalancePreviewV2 .accounts-intro-balance h2,
.CardBalancePreviewV2 .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 {
  display: inline;
}
.AccountBalancePreview .accounts-intro-balance .available, .AccountBalancePreview .accounts-intro-title .available,
.CardBalancePreviewV2 .accounts-intro-balance .available,
.CardBalancePreviewV2 .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 {
  font-family: "Source-Sans-Pro-bold", "sans-serif";
  font-size: 20px;
}
.AccountBalancePreview .accounts-intro-balance .currency, .AccountBalancePreview .accounts-intro-title .currency,
.CardBalancePreviewV2 .accounts-intro-balance .currency,
.CardBalancePreviewV2 .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 {
  display: inline;
  color: #B8BAC4;
  font-weight: 600;
  font-size: 20px;
}
.AccountBalancePreview .accounts-intro-balance small, .AccountBalancePreview .accounts-intro-title small,
.CardBalancePreviewV2 .accounts-intro-balance small,
.CardBalancePreviewV2 .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 {
  display: inline;
  color: #B8BAC4;
  font-weight: 600;
  font-size: 15px;
}
.AccountBalancePreview .accounts-intro-title,
.CardBalancePreviewV2 .accounts-intro-title,
.LoanBalancePreviewV2 .accounts-intro-title,
.DepositBalancePreviewV2 .accounts-intro-title,
.AccountSlider .accounts-intro-title {
  padding-left: 40px;
}
.AccountBalancePreview .accounts-intro-title.remove-padding,
.CardBalancePreviewV2 .accounts-intro-title.remove-padding,
.LoanBalancePreviewV2 .accounts-intro-title.remove-padding,
.DepositBalancePreviewV2 .accounts-intro-title.remove-padding,
.AccountSlider .accounts-intro-title.remove-padding {
  padding: 0;
}
.AccountBalancePreview .user-account-card-img.accounts,
.CardBalancePreviewV2 .user-account-card-img.accounts,
.LoanBalancePreviewV2 .user-account-card-img.accounts,
.DepositBalancePreviewV2 .user-account-card-img.accounts,
.AccountSlider .user-account-card-img.accounts {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.AccountBalancePreview .user-account-card-img.cards,
.CardBalancePreviewV2 .user-account-card-img.cards,
.LoanBalancePreviewV2 .user-account-card-img.cards,
.DepositBalancePreviewV2 .user-account-card-img.cards,
.AccountSlider .user-account-card-img.cards {
  height: 48px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  background-image: url(images/icons/card-1.jpg);
  background-repeat: no-repeat;
  padding-left: 0 !important;
  background-position: center;
  background-size: contain;
}
.AccountBalancePreview .user-account-card-img.card,
.CardBalancePreviewV2 .user-account-card-img.card,
.LoanBalancePreviewV2 .user-account-card-img.card,
.DepositBalancePreviewV2 .user-account-card-img.card,
.AccountSlider .user-account-card-img.card {
  width: 80px !important;
  height: 50px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16) !important;
  border-radius: 4px;
  position: relative;
}
.AccountBalancePreview .user-account-card-img.card.block,
.CardBalancePreviewV2 .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 {
  display: block;
}
.AccountBalancePreview .user-account-card-img.card .card-image,
.CardBalancePreviewV2 .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 {
  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%;
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-601,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-601,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-601,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-601,
.AccountSlider .user-account-card-img.card .card-image.card-601 {
  background-image: url("images/cards-types/card-601.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-602,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-602.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-603,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-603,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-603,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-603,
.AccountSlider .user-account-card-img.card .card-image.card-603 {
  background-image: url("images/cards-types/card-603.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-604,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-604,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-604,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-604,
.AccountSlider .user-account-card-img.card .card-image.card-604 {
  background-image: url("images/cards-types/card-604.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-605,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-605.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-609,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-609.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-610,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-610.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-616,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-616.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-617,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-617.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-618,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-618.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-624,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-624,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-624,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-624,
.AccountSlider .user-account-card-img.card .card-image.card-624 {
  background-image: url("images/cards-types/card-624.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-625,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-625,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-625,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-625,
.AccountSlider .user-account-card-img.card .card-image.card-625 {
  background-image: url("images/cards-types/card-625.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-626,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-626,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-626,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-626,
.AccountSlider .user-account-card-img.card .card-image.card-626 {
  background-image: url("images/cards-types/card-626.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-627,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-627.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-635,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-635.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-636,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-636,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-636,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-636,
.AccountSlider .user-account-card-img.card .card-image.card-636 {
  background-image: url("images/cards-types/card-636.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-637,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-637.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-638,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-638,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-638,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-638,
.AccountSlider .user-account-card-img.card .card-image.card-638 {
  background-image: url("images/cards-types/card-638.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-639,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-639,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-639,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-639,
.AccountSlider .user-account-card-img.card .card-image.card-639 {
  background-image: url("images/cards-types/card-639.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-640,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-640,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-640,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-640,
.AccountSlider .user-account-card-img.card .card-image.card-640 {
  background-image: url("images/cards-types/card-640.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-641,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-641,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-641,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-641,
.AccountSlider .user-account-card-img.card .card-image.card-641 {
  background-image: url("images/cards-types/card-641.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-642,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-642.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-644,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-644,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-644,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-644,
.AccountSlider .user-account-card-img.card .card-image.card-644 {
  background-image: url("images/cards-types/card-644.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-646,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-646,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-646,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-646,
.AccountSlider .user-account-card-img.card .card-image.card-646 {
  background-image: url("images/cards-types/card-646.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-651,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-651,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-651,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-651,
.AccountSlider .user-account-card-img.card .card-image.card-651 {
  background-image: url("images/cards-types/card-651.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-659,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-659,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-659,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-659,
.AccountSlider .user-account-card-img.card .card-image.card-659 {
  background-image: url("images/cards-types/card-659.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-662,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-662,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-662,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-662,
.AccountSlider .user-account-card-img.card .card-image.card-662 {
  background-image: url("images/cards-types/card-662.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-663,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-663,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-663,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-663,
.AccountSlider .user-account-card-img.card .card-image.card-663 {
  background-image: url("images/cards-types/card-663.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-668,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-668,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-668,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-668,
.AccountSlider .user-account-card-img.card .card-image.card-668 {
  background-image: url("images/cards-types/card-668.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-669,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-669,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-669,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-669,
.AccountSlider .user-account-card-img.card .card-image.card-669 {
  background-image: url("images/cards-types/card-669.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-670,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-670.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-680,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-680.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-681,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-681.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-683,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-683.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-683-1,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-683-1,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-683-1,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-683-1,
.AccountSlider .user-account-card-img.card .card-image.card-683-1 {
  background-image: url("images/cards-types/card-683.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-6831,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-6831,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-6831,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-6831,
.AccountSlider .user-account-card-img.card .card-image.card-6831 {
  background-image: url("images/cards-types/card-6831.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-6832,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-6832,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-6832,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-6832,
.AccountSlider .user-account-card-img.card .card-image.card-6832 {
  background-image: url("images/cards-types/card-6832.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-6833,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-6833,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-6833,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-6833,
.AccountSlider .user-account-card-img.card .card-image.card-6833 {
  background-image: url("images/cards-types/card-6833.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-6834,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-6834,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-6834,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-6834,
.AccountSlider .user-account-card-img.card .card-image.card-6834 {
  background-image: url("images/cards-types/card-6834.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-6830,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-6830,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-6830,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-6830,
.AccountSlider .user-account-card-img.card .card-image.card-6830 {
  background-image: url("images/cards-types/card-6830.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-684,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-684,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-684,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-684,
.AccountSlider .user-account-card-img.card .card-image.card-684 {
  background-image: url("images/cards-types/card-684.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-685,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-685,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-685,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-685,
.AccountSlider .user-account-card-img.card .card-image.card-685 {
  background-image: url("images/cards-types/card-685.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-687,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-687,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-687,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-687,
.AccountSlider .user-account-card-img.card .card-image.card-687 {
  background-image: url("images/cards-types/card-687.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-689,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-689,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-689,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-689,
.AccountSlider .user-account-card-img.card .card-image.card-689 {
  background-image: url("images/cards-types/card-689.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-690,
.CardBalancePreviewV2 .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 {
  background-image: url("images/cards-types/card-690.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-692,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-692,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-692,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-692,
.AccountSlider .user-account-card-img.card .card-image.card-692 {
  background-image: url("images/cards-types/card-692.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-693,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-693,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-693,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-693,
.AccountSlider .user-account-card-img.card .card-image.card-693 {
  background-image: url("images/cards-types/card-693.png");
}
.AccountBalancePreview .user-account-card-img.card .card-image.card-696,
.CardBalancePreviewV2 .user-account-card-img.card .card-image.card-696,
.LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-696,
.DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-696,
.AccountSlider .user-account-card-img.card .card-image.card-696 {
  background-image: url("images/cards-types/card-696.png");
}
.AccountBalancePreview .user-account-card-img.loans,
.CardBalancePreviewV2 .user-account-card-img.loans,
.LoanBalancePreviewV2 .user-account-card-img.loans,
.DepositBalancePreviewV2 .user-account-card-img.loans,
.AccountSlider .user-account-card-img.loans {
  width: 50px;
  height: 50px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.AccountBalancePreview .user-account-card-img.background-5,
.CardBalancePreviewV2 .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 {
  display: none;
}

.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;
}
.fastPayment .add-new-beneficiary-button {
  align-items: center;
  justify-content: center;
  top: 40%;
  position: absolute;
  z-index: 10;
  pointer-events: all;
}
.fastPayment .add-new-beneficiary-button .account-close-ico {
  width: 13px !important;
  height: 13px !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
}
.fastPayment .add-new-beneficiary-button span {
  margin-left: 10px;
}

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

.unusedCheques,
.accountDetailsPopup,
.cardDetailsPopup,
.accountTurnoverDetails,
.cardTurnoverDetails,
.loanDetailsPopup,
.repaymentDetails,
.reservedFundsCard,
.depositBalance,
.newMessageDialog,
.accountsList,
.annuityDetails,
.reservedFundsSlider,
.read-messages-list,
.reservedFunds,
.installmentsList,
.TransactionDetails,
.paymentOverviewDetails,
.fastPaymentDialog {
  height: 100% !important;
}
.unusedCheques .all-account-popup-title,
.accountDetailsPopup .all-account-popup-title,
.cardDetailsPopup .all-account-popup-title,
.accountTurnoverDetails .all-account-popup-title,
.cardTurnoverDetails .all-account-popup-title,
.loanDetailsPopup .all-account-popup-title,
.repaymentDetails .all-account-popup-title,
.reservedFundsCard .all-account-popup-title,
.depositBalance .all-account-popup-title,
.newMessageDialog .all-account-popup-title,
.accountsList .all-account-popup-title,
.annuityDetails .all-account-popup-title,
.reservedFundsSlider .all-account-popup-title,
.read-messages-list .all-account-popup-title,
.reservedFunds .all-account-popup-title,
.installmentsList .all-account-popup-title,
.TransactionDetails .all-account-popup-title,
.paymentOverviewDetails .all-account-popup-title,
.fastPaymentDialog .all-account-popup-title {
  position: relative;
  padding: 0 100px;
  text-align: center;
  margin-bottom: 40px;
}
.unusedCheques .all-account-popup-title.margin4,
.accountDetailsPopup .all-account-popup-title.margin4,
.cardDetailsPopup .all-account-popup-title.margin4,
.accountTurnoverDetails .all-account-popup-title.margin4,
.cardTurnoverDetails .all-account-popup-title.margin4,
.loanDetailsPopup .all-account-popup-title.margin4,
.repaymentDetails .all-account-popup-title.margin4,
.reservedFundsCard .all-account-popup-title.margin4,
.depositBalance .all-account-popup-title.margin4,
.newMessageDialog .all-account-popup-title.margin4,
.accountsList .all-account-popup-title.margin4,
.annuityDetails .all-account-popup-title.margin4,
.reservedFundsSlider .all-account-popup-title.margin4,
.read-messages-list .all-account-popup-title.margin4,
.reservedFunds .all-account-popup-title.margin4,
.installmentsList .all-account-popup-title.margin4,
.TransactionDetails .all-account-popup-title.margin4,
.paymentOverviewDetails .all-account-popup-title.margin4,
.fastPaymentDialog .all-account-popup-title.margin4 {
  margin: 40px 0;
}
.unusedCheques .all-account-popup-title h3,
.accountDetailsPopup .all-account-popup-title h3,
.cardDetailsPopup .all-account-popup-title h3,
.accountTurnoverDetails .all-account-popup-title h3,
.cardTurnoverDetails .all-account-popup-title h3,
.loanDetailsPopup .all-account-popup-title h3,
.repaymentDetails .all-account-popup-title h3,
.reservedFundsCard .all-account-popup-title h3,
.depositBalance .all-account-popup-title h3,
.newMessageDialog .all-account-popup-title h3,
.accountsList .all-account-popup-title h3,
.annuityDetails .all-account-popup-title h3,
.reservedFundsSlider .all-account-popup-title h3,
.read-messages-list .all-account-popup-title h3,
.reservedFunds .all-account-popup-title h3,
.installmentsList .all-account-popup-title h3,
.TransactionDetails .all-account-popup-title h3,
.paymentOverviewDetails .all-account-popup-title h3,
.fastPaymentDialog .all-account-popup-title h3 {
  font-size: 24px;
  margin: 0 auto;
}
.unusedCheques .all-account-popup-title .all-account-close,
.accountDetailsPopup .all-account-popup-title .all-account-close,
.cardDetailsPopup .all-account-popup-title .all-account-close,
.accountTurnoverDetails .all-account-popup-title .all-account-close,
.cardTurnoverDetails .all-account-popup-title .all-account-close,
.loanDetailsPopup .all-account-popup-title .all-account-close,
.repaymentDetails .all-account-popup-title .all-account-close,
.reservedFundsCard .all-account-popup-title .all-account-close,
.depositBalance .all-account-popup-title .all-account-close,
.newMessageDialog .all-account-popup-title .all-account-close,
.accountsList .all-account-popup-title .all-account-close,
.annuityDetails .all-account-popup-title .all-account-close,
.reservedFundsSlider .all-account-popup-title .all-account-close,
.read-messages-list .all-account-popup-title .all-account-close,
.reservedFunds .all-account-popup-title .all-account-close,
.installmentsList .all-account-popup-title .all-account-close,
.TransactionDetails .all-account-popup-title .all-account-close,
.paymentOverviewDetails .all-account-popup-title .all-account-close,
.fastPaymentDialog .all-account-popup-title .all-account-close {
  position: absolute;
  right: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.unusedCheques .all-account-popup-title .all-account-close svg,
.accountDetailsPopup .all-account-popup-title .all-account-close svg,
.cardDetailsPopup .all-account-popup-title .all-account-close svg,
.accountTurnoverDetails .all-account-popup-title .all-account-close svg,
.cardTurnoverDetails .all-account-popup-title .all-account-close svg,
.loanDetailsPopup .all-account-popup-title .all-account-close svg,
.repaymentDetails .all-account-popup-title .all-account-close svg,
.reservedFundsCard .all-account-popup-title .all-account-close svg,
.depositBalance .all-account-popup-title .all-account-close svg,
.newMessageDialog .all-account-popup-title .all-account-close svg,
.accountsList .all-account-popup-title .all-account-close svg,
.annuityDetails .all-account-popup-title .all-account-close svg,
.reservedFundsSlider .all-account-popup-title .all-account-close svg,
.read-messages-list .all-account-popup-title .all-account-close svg,
.reservedFunds .all-account-popup-title .all-account-close svg,
.installmentsList .all-account-popup-title .all-account-close svg,
.TransactionDetails .all-account-popup-title .all-account-close svg,
.paymentOverviewDetails .all-account-popup-title .all-account-close svg,
.fastPaymentDialog .all-account-popup-title .all-account-close svg {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.unusedCheques .account-inter-inner-scroll,
.accountDetailsPopup .account-inter-inner-scroll,
.cardDetailsPopup .account-inter-inner-scroll,
.accountTurnoverDetails .account-inter-inner-scroll,
.cardTurnoverDetails .account-inter-inner-scroll,
.loanDetailsPopup .account-inter-inner-scroll,
.repaymentDetails .account-inter-inner-scroll,
.reservedFundsCard .account-inter-inner-scroll,
.depositBalance .account-inter-inner-scroll,
.newMessageDialog .account-inter-inner-scroll,
.accountsList .account-inter-inner-scroll,
.annuityDetails .account-inter-inner-scroll,
.reservedFundsSlider .account-inter-inner-scroll,
.read-messages-list .account-inter-inner-scroll,
.reservedFunds .account-inter-inner-scroll,
.installmentsList .account-inter-inner-scroll,
.TransactionDetails .account-inter-inner-scroll,
.paymentOverviewDetails .account-inter-inner-scroll,
.fastPaymentDialog .account-inter-inner-scroll {
  padding: 0px 40px;
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper {
  height: 600px;
  overflow-y: auto;
  font-family: "Source-Sans-Pro", "sans-serif" !important;
  /*&.templateWrapper {
      height: 75vh;

      &.payment {
          @media(min-height: 1000px) {
              height: 77vh !important;
          }
      }
  }*/
}
@media (max-height: 936px) {
  .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper {
    height: 62vh;
  }
}
@media (min-height: 937px) {
  .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper,
  .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper {
    height: 66vh;
  }
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt {
  height: fit-content !important;
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a {
  width: 98% !important;
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template {
  height: 635px;
}
@media (max-height: 852px) {
  .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template {
    height: 62Vh !important;
  }
}
@media (min-height: 975px) {
  .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template,
  .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template {
    height: 740px !important;
  }
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar {
  background: transparent;
  width: 5px;
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track {
  top: 20px;
  background: transparent;
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb {
  background-color: #52AE30;
  border-radius: 5px;
  width: 4px;
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType {
  border-top: 1px dashed rgba(0, 0, 0, 0.54);
  margin-top: 40px;
  width: 411px;
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title {
  margin: 30px 0 15px 0;
  display: inline-block;
  width: 100%;
  font-size: 15px;
  text-align: center;
  font-family: "Source-Sans-Pro", "sans-serif";
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1 {
  margin-bottom: 10px;
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button {
  position: relative;
  display: block;
  padding: 18px 15px 17px 46px;
  cursor: pointer;
  background: hsla(0, 0%, 100%, 0.6);
  border-radius: 25px;
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark {
  position: absolute;
  top: 50%;
  left: 14px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 1px solid #e8e9ec;
  background: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after {
  content: "";
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #52ae30;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after {
  opacity: 1;
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 1;
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label {
  font-family: "Source-Sans-Pro-bold", "sans-serif";
  font-size: 15px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.87);
  margin: 0;
  font-weight: bold;
}
.unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn,
.fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn {
  cursor: pointer;
  font-weight: 400;
}
.unusedCheques .account-item-inner,
.accountDetailsPopup .account-item-inner,
.cardDetailsPopup .account-item-inner,
.accountTurnoverDetails .account-item-inner,
.cardTurnoverDetails .account-item-inner,
.loanDetailsPopup .account-item-inner,
.repaymentDetails .account-item-inner,
.reservedFundsCard .account-item-inner,
.depositBalance .account-item-inner,
.newMessageDialog .account-item-inner,
.accountsList .account-item-inner,
.annuityDetails .account-item-inner,
.reservedFundsSlider .account-item-inner,
.read-messages-list .account-item-inner,
.reservedFunds .account-item-inner,
.installmentsList .account-item-inner,
.TransactionDetails .account-item-inner,
.paymentOverviewDetails .account-item-inner,
.fastPaymentDialog .account-item-inner {
  height: 75vh;
}
.unusedCheques .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.accountDetailsPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.cardDetailsPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.accountTurnoverDetails .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.cardTurnoverDetails .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.loanDetailsPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.repaymentDetails .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.reservedFundsCard .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.depositBalance .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.newMessageDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.accountsList .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.annuityDetails .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.reservedFundsSlider .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.reservedFunds .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.installmentsList .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.TransactionDetails .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.paymentOverviewDetails .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.fastPaymentDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  margin: auto;
  margin-bottom: 10px;
}
.unusedCheques .popup-ammount-wrapper .popup-loan-ico-wrapper,
.accountDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper,
.cardDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper,
.accountTurnoverDetails .popup-ammount-wrapper .popup-loan-ico-wrapper,
.cardTurnoverDetails .popup-ammount-wrapper .popup-loan-ico-wrapper,
.loanDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper,
.repaymentDetails .popup-ammount-wrapper .popup-loan-ico-wrapper,
.reservedFundsCard .popup-ammount-wrapper .popup-loan-ico-wrapper,
.depositBalance .popup-ammount-wrapper .popup-loan-ico-wrapper,
.newMessageDialog .popup-ammount-wrapper .popup-loan-ico-wrapper,
.accountsList .popup-ammount-wrapper .popup-loan-ico-wrapper,
.annuityDetails .popup-ammount-wrapper .popup-loan-ico-wrapper,
.reservedFundsSlider .popup-ammount-wrapper .popup-loan-ico-wrapper,
.read-messages-list .popup-ammount-wrapper .popup-loan-ico-wrapper,
.reservedFunds .popup-ammount-wrapper .popup-loan-ico-wrapper,
.installmentsList .popup-ammount-wrapper .popup-loan-ico-wrapper,
.TransactionDetails .popup-ammount-wrapper .popup-loan-ico-wrapper,
.paymentOverviewDetails .popup-ammount-wrapper .popup-loan-ico-wrapper,
.fastPaymentDialog .popup-ammount-wrapper .popup-loan-ico-wrapper {
  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,
.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,
.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 {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.unusedCheques .popup-ammount-wrapper .card-detail-popup-ico,
.accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico,
.cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico,
.accountTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico,
.cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico,
.loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico,
.repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico,
.reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico,
.depositBalance .popup-ammount-wrapper .card-detail-popup-ico,
.newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico,
.accountsList .popup-ammount-wrapper .card-detail-popup-ico,
.annuityDetails .popup-ammount-wrapper .card-detail-popup-ico,
.reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico,
.read-messages-list .popup-ammount-wrapper .card-detail-popup-ico,
.reservedFunds .popup-ammount-wrapper .card-detail-popup-ico,
.installmentsList .popup-ammount-wrapper .card-detail-popup-ico,
.TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico,
.paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico,
.fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico {
  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,
.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,
.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 {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  margin: auto;
  margin-bottom: 20px;
}
.unusedCheques .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.accountDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.cardDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.accountTurnoverDetails .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.cardTurnoverDetails .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.loanDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.repaymentDetails .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.reservedFundsCard .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.depositBalance .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.newMessageDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.accountsList .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.annuityDetails .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.reservedFundsSlider .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.read-messages-list .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.reservedFunds .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.installmentsList .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.TransactionDetails .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.paymentOverviewDetails .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico,
.fastPaymentDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.unusedCheques .popup-ammount-wrapper .turnover-detail-ico,
.accountDetailsPopup .popup-ammount-wrapper .turnover-detail-ico,
.cardDetailsPopup .popup-ammount-wrapper .turnover-detail-ico,
.accountTurnoverDetails .popup-ammount-wrapper .turnover-detail-ico,
.cardTurnoverDetails .popup-ammount-wrapper .turnover-detail-ico,
.loanDetailsPopup .popup-ammount-wrapper .turnover-detail-ico,
.repaymentDetails .popup-ammount-wrapper .turnover-detail-ico,
.reservedFundsCard .popup-ammount-wrapper .turnover-detail-ico,
.depositBalance .popup-ammount-wrapper .turnover-detail-ico,
.newMessageDialog .popup-ammount-wrapper .turnover-detail-ico,
.accountsList .popup-ammount-wrapper .turnover-detail-ico,
.annuityDetails .popup-ammount-wrapper .turnover-detail-ico,
.reservedFundsSlider .popup-ammount-wrapper .turnover-detail-ico,
.read-messages-list .popup-ammount-wrapper .turnover-detail-ico,
.reservedFunds .popup-ammount-wrapper .turnover-detail-ico,
.installmentsList .popup-ammount-wrapper .turnover-detail-ico,
.TransactionDetails .popup-ammount-wrapper .turnover-detail-ico,
.paymentOverviewDetails .popup-ammount-wrapper .turnover-detail-ico,
.fastPaymentDialog .popup-ammount-wrapper .turnover-detail-ico {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  margin: auto;
  margin-bottom: 20px;
}
.unusedCheques .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.accountDetailsPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.cardDetailsPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.accountTurnoverDetails .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.cardTurnoverDetails .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.loanDetailsPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.repaymentDetails .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.reservedFundsCard .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.depositBalance .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.newMessageDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.accountsList .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.annuityDetails .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.reservedFundsSlider .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.read-messages-list .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.reservedFunds .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.installmentsList .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.TransactionDetails .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.paymentOverviewDetails .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico,
.fastPaymentDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.unusedCheques .popup-ammount-wrapper h3,
.accountDetailsPopup .popup-ammount-wrapper h3,
.cardDetailsPopup .popup-ammount-wrapper h3,
.accountTurnoverDetails .popup-ammount-wrapper h3,
.cardTurnoverDetails .popup-ammount-wrapper h3,
.loanDetailsPopup .popup-ammount-wrapper h3,
.repaymentDetails .popup-ammount-wrapper h3,
.reservedFundsCard .popup-ammount-wrapper h3,
.depositBalance .popup-ammount-wrapper h3,
.newMessageDialog .popup-ammount-wrapper h3,
.accountsList .popup-ammount-wrapper h3,
.annuityDetails .popup-ammount-wrapper h3,
.reservedFundsSlider .popup-ammount-wrapper h3,
.read-messages-list .popup-ammount-wrapper h3,
.reservedFunds .popup-ammount-wrapper h3,
.installmentsList .popup-ammount-wrapper h3,
.TransactionDetails .popup-ammount-wrapper h3,
.paymentOverviewDetails .popup-ammount-wrapper h3,
.fastPaymentDialog .popup-ammount-wrapper h3 {
  font-size: 30px;
  margin-bottom: 10px;
}
.unusedCheques .transaction-popup-detail,
.accountDetailsPopup .transaction-popup-detail,
.cardDetailsPopup .transaction-popup-detail,
.accountTurnoverDetails .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,
.installmentsList .transaction-popup-detail,
.TransactionDetails .transaction-popup-detail,
.paymentOverviewDetails .transaction-popup-detail,
.fastPaymentDialog .transaction-popup-detail {
  position: relative;
  padding-right: 60px;
}
.unusedCheques .transaction-popup-detail .detail-border-3,
.accountDetailsPopup .transaction-popup-detail .detail-border-3,
.cardDetailsPopup .transaction-popup-detail .detail-border-3,
.accountTurnoverDetails .transaction-popup-detail .detail-border-3,
.cardTurnoverDetails .transaction-popup-detail .detail-border-3,
.loanDetailsPopup .transaction-popup-detail .detail-border-3,
.repaymentDetails .transaction-popup-detail .detail-border-3,
.reservedFundsCard .transaction-popup-detail .detail-border-3,
.depositBalance .transaction-popup-detail .detail-border-3,
.newMessageDialog .transaction-popup-detail .detail-border-3,
.accountsList .transaction-popup-detail .detail-border-3,
.annuityDetails .transaction-popup-detail .detail-border-3,
.reservedFundsSlider .transaction-popup-detail .detail-border-3,
.read-messages-list .transaction-popup-detail .detail-border-3,
.reservedFunds .transaction-popup-detail .detail-border-3,
.installmentsList .transaction-popup-detail .detail-border-3,
.TransactionDetails .transaction-popup-detail .detail-border-3,
.paymentOverviewDetails .transaction-popup-detail .detail-border-3,
.fastPaymentDialog .transaction-popup-detail .detail-border-3 {
  transition: all 0.5s;
  border-radius: 20px;
}
.unusedCheques .transaction-popup-detail:hover .detail-border-3,
.accountDetailsPopup .transaction-popup-detail:hover .detail-border-3,
.cardDetailsPopup .transaction-popup-detail:hover .detail-border-3,
.accountTurnoverDetails .transaction-popup-detail:hover .detail-border-3,
.cardTurnoverDetails .transaction-popup-detail:hover .detail-border-3,
.loanDetailsPopup .transaction-popup-detail:hover .detail-border-3,
.repaymentDetails .transaction-popup-detail:hover .detail-border-3,
.reservedFundsCard .transaction-popup-detail:hover .detail-border-3,
.depositBalance .transaction-popup-detail:hover .detail-border-3,
.newMessageDialog .transaction-popup-detail:hover .detail-border-3,
.accountsList .transaction-popup-detail:hover .detail-border-3,
.annuityDetails .transaction-popup-detail:hover .detail-border-3,
.reservedFundsSlider .transaction-popup-detail:hover .detail-border-3,
.read-messages-list .transaction-popup-detail:hover .detail-border-3,
.reservedFunds .transaction-popup-detail:hover .detail-border-3,
.installmentsList .transaction-popup-detail:hover .detail-border-3,
.TransactionDetails .transaction-popup-detail:hover .detail-border-3,
.paymentOverviewDetails .transaction-popup-detail:hover .detail-border-3,
.fastPaymentDialog .transaction-popup-detail:hover .detail-border-3 {
  background-color: #52ae30;
}
.unusedCheques .transaction-popup-detail:hover .main-nav-link-ico-svg,
.accountDetailsPopup .transaction-popup-detail:hover .main-nav-link-ico-svg,
.cardDetailsPopup .transaction-popup-detail:hover .main-nav-link-ico-svg,
.accountTurnoverDetails .transaction-popup-detail:hover .main-nav-link-ico-svg,
.cardTurnoverDetails .transaction-popup-detail:hover .main-nav-link-ico-svg,
.loanDetailsPopup .transaction-popup-detail:hover .main-nav-link-ico-svg,
.repaymentDetails .transaction-popup-detail:hover .main-nav-link-ico-svg,
.reservedFundsCard .transaction-popup-detail:hover .main-nav-link-ico-svg,
.depositBalance .transaction-popup-detail:hover .main-nav-link-ico-svg,
.newMessageDialog .transaction-popup-detail:hover .main-nav-link-ico-svg,
.accountsList .transaction-popup-detail:hover .main-nav-link-ico-svg,
.annuityDetails .transaction-popup-detail:hover .main-nav-link-ico-svg,
.reservedFundsSlider .transaction-popup-detail:hover .main-nav-link-ico-svg,
.read-messages-list .transaction-popup-detail:hover .main-nav-link-ico-svg,
.reservedFunds .transaction-popup-detail:hover .main-nav-link-ico-svg,
.installmentsList .transaction-popup-detail:hover .main-nav-link-ico-svg,
.TransactionDetails .transaction-popup-detail:hover .main-nav-link-ico-svg,
.paymentOverviewDetails .transaction-popup-detail:hover .main-nav-link-ico-svg,
.fastPaymentDialog .transaction-popup-detail:hover .main-nav-link-ico-svg {
  transition: all 0.5s;
  stroke: white;
}
.unusedCheques .transaction-popup-detail .dot-menu,
.accountDetailsPopup .transaction-popup-detail .dot-menu,
.cardDetailsPopup .transaction-popup-detail .dot-menu,
.accountTurnoverDetails .transaction-popup-detail .dot-menu,
.cardTurnoverDetails .transaction-popup-detail .dot-menu,
.loanDetailsPopup .transaction-popup-detail .dot-menu,
.repaymentDetails .transaction-popup-detail .dot-menu,
.reservedFundsCard .transaction-popup-detail .dot-menu,
.depositBalance .transaction-popup-detail .dot-menu,
.newMessageDialog .transaction-popup-detail .dot-menu,
.accountsList .transaction-popup-detail .dot-menu,
.annuityDetails .transaction-popup-detail .dot-menu,
.reservedFundsSlider .transaction-popup-detail .dot-menu,
.read-messages-list .transaction-popup-detail .dot-menu,
.reservedFunds .transaction-popup-detail .dot-menu,
.installmentsList .transaction-popup-detail .dot-menu,
.TransactionDetails .transaction-popup-detail .dot-menu,
.paymentOverviewDetails .transaction-popup-detail .dot-menu,
.fastPaymentDialog .transaction-popup-detail .dot-menu {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.unusedCheques .transaction-popup-detail .dot-menu.installmentsList, .unusedCheques .transaction-popup-detail .dot-menu.reservedFunds,
.accountDetailsPopup .transaction-popup-detail .dot-menu.installmentsList,
.accountDetailsPopup .transaction-popup-detail .dot-menu.reservedFunds,
.cardDetailsPopup .transaction-popup-detail .dot-menu.installmentsList,
.cardDetailsPopup .transaction-popup-detail .dot-menu.reservedFunds,
.accountTurnoverDetails .transaction-popup-detail .dot-menu.installmentsList,
.accountTurnoverDetails .transaction-popup-detail .dot-menu.reservedFunds,
.cardTurnoverDetails .transaction-popup-detail .dot-menu.installmentsList,
.cardTurnoverDetails .transaction-popup-detail .dot-menu.reservedFunds,
.loanDetailsPopup .transaction-popup-detail .dot-menu.installmentsList,
.loanDetailsPopup .transaction-popup-detail .dot-menu.reservedFunds,
.repaymentDetails .transaction-popup-detail .dot-menu.installmentsList,
.repaymentDetails .transaction-popup-detail .dot-menu.reservedFunds,
.reservedFundsCard .transaction-popup-detail .dot-menu.installmentsList,
.reservedFundsCard .transaction-popup-detail .dot-menu.reservedFunds,
.depositBalance .transaction-popup-detail .dot-menu.installmentsList,
.depositBalance .transaction-popup-detail .dot-menu.reservedFunds,
.newMessageDialog .transaction-popup-detail .dot-menu.installmentsList,
.newMessageDialog .transaction-popup-detail .dot-menu.reservedFunds,
.accountsList .transaction-popup-detail .dot-menu.installmentsList,
.accountsList .transaction-popup-detail .dot-menu.reservedFunds,
.annuityDetails .transaction-popup-detail .dot-menu.installmentsList,
.annuityDetails .transaction-popup-detail .dot-menu.reservedFunds,
.reservedFundsSlider .transaction-popup-detail .dot-menu.installmentsList,
.reservedFundsSlider .transaction-popup-detail .dot-menu.reservedFunds,
.read-messages-list .transaction-popup-detail .dot-menu.installmentsList,
.read-messages-list .transaction-popup-detail .dot-menu.reservedFunds,
.reservedFunds .transaction-popup-detail .dot-menu.installmentsList,
.reservedFunds .transaction-popup-detail .dot-menu.reservedFunds,
.installmentsList .transaction-popup-detail .dot-menu.installmentsList,
.installmentsList .transaction-popup-detail .dot-menu.reservedFunds,
.TransactionDetails .transaction-popup-detail .dot-menu.installmentsList,
.TransactionDetails .transaction-popup-detail .dot-menu.reservedFunds,
.paymentOverviewDetails .transaction-popup-detail .dot-menu.installmentsList,
.paymentOverviewDetails .transaction-popup-detail .dot-menu.reservedFunds,
.fastPaymentDialog .transaction-popup-detail .dot-menu.installmentsList,
.fastPaymentDialog .transaction-popup-detail .dot-menu.reservedFunds {
  border: none;
  padding: 0;
  padding-top: 5px !important;
}
.unusedCheques .main-nav-link-ico-svg,
.accountDetailsPopup .main-nav-link-ico-svg,
.cardDetailsPopup .main-nav-link-ico-svg,
.accountTurnoverDetails .main-nav-link-ico-svg,
.cardTurnoverDetails .main-nav-link-ico-svg,
.loanDetailsPopup .main-nav-link-ico-svg,
.repaymentDetails .main-nav-link-ico-svg,
.reservedFundsCard .main-nav-link-ico-svg,
.depositBalance .main-nav-link-ico-svg,
.newMessageDialog .main-nav-link-ico-svg,
.accountsList .main-nav-link-ico-svg,
.annuityDetails .main-nav-link-ico-svg,
.reservedFundsSlider .main-nav-link-ico-svg,
.read-messages-list .main-nav-link-ico-svg,
.reservedFunds .main-nav-link-ico-svg,
.installmentsList .main-nav-link-ico-svg,
.TransactionDetails .main-nav-link-ico-svg,
.paymentOverviewDetails .main-nav-link-ico-svg,
.fastPaymentDialog .main-nav-link-ico-svg {
  position: absolute;
  color: rgba(0, 0, 0, 0.87);
  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,
.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,
.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 {
  -webkit-transform: translate(10px);
  transform: translate(10px);
}
.unusedCheques .transaction-popup-option .page-text,
.accountDetailsPopup .transaction-popup-option .page-text,
.cardDetailsPopup .transaction-popup-option .page-text,
.accountTurnoverDetails .transaction-popup-option .page-text,
.cardTurnoverDetails .transaction-popup-option .page-text,
.loanDetailsPopup .transaction-popup-option .page-text,
.repaymentDetails .transaction-popup-option .page-text,
.reservedFundsCard .transaction-popup-option .page-text,
.depositBalance .transaction-popup-option .page-text,
.newMessageDialog .transaction-popup-option .page-text,
.accountsList .transaction-popup-option .page-text,
.annuityDetails .transaction-popup-option .page-text,
.reservedFundsSlider .transaction-popup-option .page-text,
.read-messages-list .transaction-popup-option .page-text,
.reservedFunds .transaction-popup-option .page-text,
.installmentsList .transaction-popup-option .page-text,
.TransactionDetails .transaction-popup-option .page-text,
.paymentOverviewDetails .transaction-popup-option .page-text,
.fastPaymentDialog .transaction-popup-option .page-text {
  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 0.5s;
}
.cardDetailsPopup .transaction-popup-option .virtual-card-delete {
  background-image: url(images/icons/close-virtual-ico.png);
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
  transition: all 0.5s;
}
.cardDetailsPopup .transaction-popup-option .virtual-docs-ico {
  background-image: url(images/icons/icon-virtual-docs.png);
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
  transition: all 0.5s;
}
.cardDetailsPopup .transaction-popup-option .delivery-card-details {
  background-image: url(images/icons/delivery-detail.png);
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
  transition: all 0.5s;
}
.cardDetailsPopup .transaction-popup-option:hover .block-deblock-card-details,
.cardDetailsPopup .transaction-popup-option:hover .virtual-docs-ico,
.cardDetailsPopup .transaction-popup-option:hover .delivery-card-details {
  filter: invert(1);
}
.cardDetailsPopup .transaction-popup-option:hover .virtual-card-delete {
  background-image: url(images/icons/close-virtual-ico-2.png) !important;
}
.cardDetailsPopup .transaction-popup-option .card-pin-change-details {
  background-image: url(images/icons/pin-change-ico.png);
  background-size: 35px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
  transition: all 0.5s;
}
.cardDetailsPopup .transaction-popup-option:hover .card-pin-change-details {
  filter: invert(1);
}

.new-error-dialog {
  background-color: #efefef !important;
  text-align: center;
}
.new-error-dialog .ui-dialog-buttonset button {
  background-color: #52AE30 !important;
  color: #FFFFFF !important;
  border: none !important;
  width: 100% !important;
  font-size: 15px !important;
  padding: 10px 28px !important;
  border-radius: 25px !important;
  margin-bottom: -15px !important;
}
.new-error-dialog .ui-dialog-buttonset button:hover {
  background-color: #2A7F00 !important;
}
.new-error-dialog .ui-dialog-titlebar:before {
  background-color: transparent;
  background-repeat: no-repeat !important;
  background-size: 101px;
  width: 101px;
  height: 101px;
}
.new-error-dialog-triangle .ui-dialog-titlebar:before {
  background-image: url(images/icons/new-error-triangle.png);
}
.new-error-dialog-check .ui-dialog-titlebar:before {
  background-image: url(images/icons/limit-change-ico.png);
}

.decision-delete-virtual {
  background-color: #efefef !important;
  text-align: center;
}
.decision-delete-virtual .ui-dialog-buttonset {
  flex-direction: row-reverse !important;
  margin-bottom: -40px;
}
.decision-delete-virtual .ui-dialog-titlebar:before {
  background-image: url(images/icons/delete-virtual-decision.png);
  margin-top: -10px;
}
.decision-delete-virtual-block .ui-dialog-titlebar:before {
  background-image: url(images/icons/block-deblock-popup-ico.png);
}
.decision-delete-virtual-triangle .ui-dialog-titlebar:before {
  background-image: url(images/icons/new-error-triangle.png);
}

.cardDetailsPopup .account-item-inner,
.accountDetailsPopup .account-item-inner,
.accountTurnoverDetails .account-item-inner,
.cardTurnoverDetails .account-item-inner,
.repaymentDetails .account-item-inner,
.loanDetailsPopup .account-item-inner,
.paymentOverviewDetails .account-item-inner {
  height: 75vh !important;
  overflow-y: hidden !important;
}

.turnover-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #FFFFFF;
  position: relative;
  float: left;
  margin-left: 13px;
}
.turnover-icon svg {
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: rgba(0, 0, 0, 0.87);
  position: absolute;
  margin-right: 15px;
}

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

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

.CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton,
.CardTurnover .tableFilter .transaction-filter-inner .filterButton,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton {
  box-shadow: none !important;
}
.CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton:hover,
.CardTurnover .tableFilter .transaction-filter-inner .filterButton:hover,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton:hover {
  box-shadow: none !important;
}
.CardInstallmentsV2 .tableFilter .transaction-filter-inner .dk-selected,
.CardTurnover .tableFilter .transaction-filter-inner .dk-selected,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .dk-selected {
  transform: none !important;
}
.CardInstallmentsV2 .input-wrap .search,
.CardTurnover .input-wrap .search,
.AccountTurnoverV2 .input-wrap .search {
  fill: #C7C7C7;
}
.CardInstallmentsV2 .input-wrap svg,
.CardTurnover .input-wrap svg,
.AccountTurnoverV2 .input-wrap svg {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.CardInstallmentsV2 .input-wrap input,
.CardTurnover .input-wrap input,
.AccountTurnoverV2 .input-wrap input {
  padding-right: 50px !important;
}
.CardInstallmentsV2 .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.CardTurnover .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.AccountTurnoverV2 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  display: none !important;
}

.PaymentOverviewV2 {
  margin-top: 10px !important;
  margin-bottom: 185px !important;
}

.Forms_ActiveWorkflowListSOG,
.AccountTurnoverV2,
.CardTurnover,
.CardInstallmentsV2,
.LoanRepayments,
.LoanAnnuityPlan,
.MessageHubNotificationList,
.PaymentOverviewV2 {
  margin-bottom: 20px;
}
.Forms_ActiveWorkflowListSOG .date,
.AccountTurnoverV2 .date,
.CardTurnover .date,
.CardInstallmentsV2 .date,
.LoanRepayments .date,
.LoanAnnuityPlan .date,
.MessageHubNotificationList .date,
.PaymentOverviewV2 .date {
  display: inline;
  float: left;
  padding-left: 15px;
  color: rgba(0, 0, 0, 0.54);
}
.Forms_ActiveWorkflowListSOG .currencyTurnover,
.AccountTurnoverV2 .currencyTurnover,
.CardTurnover .currencyTurnover,
.CardInstallmentsV2 .currencyTurnover,
.LoanRepayments .currencyTurnover,
.LoanAnnuityPlan .currencyTurnover,
.MessageHubNotificationList .currencyTurnover,
.PaymentOverviewV2 .currencyTurnover {
  display: inline;
  margin: 0 5px;
  color: #C7C7C7;
}
.Forms_ActiveWorkflowListSOG .s-widget-title,
.AccountTurnoverV2 .s-widget-title,
.CardTurnover .s-widget-title,
.CardInstallmentsV2 .s-widget-title,
.LoanRepayments .s-widget-title,
.LoanAnnuityPlan .s-widget-title,
.MessageHubNotificationList .s-widget-title,
.PaymentOverviewV2 .s-widget-title {
  margin-bottom: 22px;
}
.Forms_ActiveWorkflowListSOG .s-widget-body,
.AccountTurnoverV2 .s-widget-body,
.CardTurnover .s-widget-body,
.CardInstallmentsV2 .s-widget-body,
.LoanRepayments .s-widget-body,
.LoanAnnuityPlan .s-widget-body,
.MessageHubNotificationList .s-widget-body,
.PaymentOverviewV2 .s-widget-body {
  position: relative;
}
.Forms_ActiveWorkflowListSOG .s-widget-button,
.AccountTurnoverV2 .s-widget-button,
.CardTurnover .s-widget-button,
.CardInstallmentsV2 .s-widget-button,
.LoanRepayments .s-widget-button,
.LoanAnnuityPlan .s-widget-button,
.MessageHubNotificationList .s-widget-button,
.PaymentOverviewV2 .s-widget-button {
  display: none;
}
.Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper.messages,
.AccountTurnoverV2 .dot-menu-text-wrapper.messages,
.CardTurnover .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,
.PaymentOverviewV2 .dot-menu-text-wrapper.messages {
  transform: translateY(-125px);
}
.Forms_ActiveWorkflowListSOG .tableFilter,
.AccountTurnoverV2 .tableFilter,
.CardTurnover .tableFilter,
.CardInstallmentsV2 .tableFilter,
.LoanRepayments .tableFilter,
.LoanAnnuityPlan .tableFilter,
.MessageHubNotificationList .tableFilter,
.PaymentOverviewV2 .tableFilter {
  margin: 0 -8px 20px;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner,
.CardTurnover .tableFilter .transaction-filter-inner,
.CardInstallmentsV2 .tableFilter .transaction-filter-inner,
.LoanRepayments .tableFilter .transaction-filter-inner,
.LoanAnnuityPlan .tableFilter .transaction-filter-inner,
.MessageHubNotificationList .tableFilter .transaction-filter-inner,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner {
  width: calc(100% - 101px);
  position: relative;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box,
.CardTurnover .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,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box {
  width: -webkit-calc(16.66666666666667% - 17px);
  width: calc(16.6666666667% - 17px);
  margin: 0 4px 10px;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
.CardTurnover .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,
.PaymentOverviewV2 .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;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
.CardTurnover .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,
.PaymentOverviewV2 .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,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
.CardTurnover .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,
.PaymentOverviewV2 .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,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
.CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
.CardTurnover .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,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
.PaymentOverviewV2 .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;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
.CardTurnover .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,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img {
  display: none;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
.CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
.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,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico {
  position: absolute;
  right: 16px;
  width: 18px;
  height: 18px;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap,
.CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap,
.CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap,
.LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap,
.LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap,
.MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap {
  padding-left: 10px;
  border: 1px solid #DCDCDC;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin,
.CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin,
.CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin,
.CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin,
.CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin,
.CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin,
.CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin,
.LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin,
.LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin,
.LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin,
.LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin,
.LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin,
.LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin,
.MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin,
.MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin,
.MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin {
  border: 1px solid #52AE30 !important;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
.CardTurnover .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,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1 {
  height: 40px;
  padding: 0;
  border: none;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .dk-select,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .dk-select,
.CardTurnover .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,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .dk-select {
  font-size: 15px;
  cursor: pointer;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton,
.CardTurnover .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,
.PaymentOverviewV2 .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 0.5s;
  cursor: pointer;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton:hover,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton:hover,
.CardTurnover .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,
.PaymentOverviewV2 .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,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton button,
.CardTurnover .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,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button {
  padding: 10px 13px;
  background-color: #52AE30;
  border-radius: 20px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.0008) !important;
  transition: box-shadow 0.5s;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  color: #FFFFFF;
  width: 80px;
  height: 40px;
  font-size: 14px;
  cursor: pointer;
  margin-left: 14px;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button:hover,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton button:hover,
.CardTurnover .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,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button:hover {
  background-color: #2A7F00;
  transition: background-color 0.5s;
}
.Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button svg,
.AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton button svg,
.CardTurnover .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,
.PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button svg {
  width: 6px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #FFFFFF;
}
.Forms_ActiveWorkflowListSOG .gvCardTurnover .clientGridPager,
.AccountTurnoverV2 .gvCardTurnover .clientGridPager,
.CardTurnover .gvCardTurnover .clientGridPager,
.CardInstallmentsV2 .gvCardTurnover .clientGridPager,
.LoanRepayments .gvCardTurnover .clientGridPager,
.LoanAnnuityPlan .gvCardTurnover .clientGridPager,
.MessageHubNotificationList .gvCardTurnover .clientGridPager,
.PaymentOverviewV2 .gvCardTurnover .clientGridPager {
  display: flex !important;
}
.Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr:hover,
.AccountTurnoverV2 .gvCardTurnover table tbody tr:hover,
.CardTurnover .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,
.PaymentOverviewV2 .gvCardTurnover table tbody tr:hover {
  background-color: #F5F5F5;
}
.Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td,
.AccountTurnoverV2 .gvCardTurnover table tbody tr td,
.CardTurnover .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,
.PaymentOverviewV2 .gvCardTurnover table tbody tr td {
  line-height: unset;
}
.Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td:nth-child(2),
.AccountTurnoverV2 .gvCardTurnover table tbody tr td:nth-child(2),
.CardTurnover .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),
.PaymentOverviewV2 .gvCardTurnover table tbody tr td:nth-child(2) {
  width: 25.5%;
  border-top-left-radius: 31px;
  border-bottom-left-radius: 31px;
}
.Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td:nth-child(2) span,
.AccountTurnoverV2 .gvCardTurnover table tbody tr td:nth-child(2) span,
.CardTurnover .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,
.PaymentOverviewV2 .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:nth-child(3),
.AccountTurnoverV2 .gvCardTurnover table tbody tr td:nth-child(3),
.CardTurnover .gvCardTurnover table tbody tr td:nth-child(3),
.CardInstallmentsV2 .gvCardTurnover table tbody tr td:nth-child(3),
.LoanRepayments .gvCardTurnover table tbody tr td:nth-child(3),
.LoanAnnuityPlan .gvCardTurnover table tbody tr td:nth-child(3),
.MessageHubNotificationList .gvCardTurnover table tbody tr td:nth-child(3),
.PaymentOverviewV2 .gvCardTurnover table tbody tr td:nth-child(3) {
  width: 59.5%;
}
.Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td:last-child,
.AccountTurnoverV2 .gvCardTurnover table tbody tr td:last-child,
.CardTurnover .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,
.PaymentOverviewV2 .gvCardTurnover table tbody tr td:last-child {
  width: 6%;
  border-top-right-radius: 31px;
  border-bottom-right-radius: 31px;
}
.Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
.AccountTurnoverV2 .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
.CardTurnover .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,
.PaymentOverviewV2 .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content {
  justify-content: end !important;
}
.Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td .date,
.AccountTurnoverV2 .gvCardTurnover table tbody tr td .date,
.CardTurnover .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,
.PaymentOverviewV2 .gvCardTurnover table tbody tr td .date {
  font-size: 15px;
}
.Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td .tablesaw-cell-content,
.AccountTurnoverV2 .gvCardTurnover table tbody tr td .tablesaw-cell-content,
.CardTurnover .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,
.PaymentOverviewV2 .gvCardTurnover table tbody tr td .tablesaw-cell-content {
  font-size: 15px;
}
.Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan .clientGridPager,
.AccountTurnoverV2 #gvLoanAnnuityPlan .clientGridPager,
.CardTurnover #gvLoanAnnuityPlan .clientGridPager,
.CardInstallmentsV2 #gvLoanAnnuityPlan .clientGridPager,
.LoanRepayments #gvLoanAnnuityPlan .clientGridPager,
.LoanAnnuityPlan #gvLoanAnnuityPlan .clientGridPager,
.MessageHubNotificationList #gvLoanAnnuityPlan .clientGridPager,
.PaymentOverviewV2 #gvLoanAnnuityPlan .clientGridPager {
  display: flex !important;
}
.Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan thead,
.AccountTurnoverV2 #gvLoanAnnuityPlan thead,
.CardTurnover #gvLoanAnnuityPlan thead,
.CardInstallmentsV2 #gvLoanAnnuityPlan thead,
.LoanRepayments #gvLoanAnnuityPlan thead,
.LoanAnnuityPlan #gvLoanAnnuityPlan thead,
.MessageHubNotificationList #gvLoanAnnuityPlan thead,
.PaymentOverviewV2 #gvLoanAnnuityPlan thead {
  border-bottom: 1px solid #C7C7C7 !important;
}
.Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan .clientGrid tbody:before,
.AccountTurnoverV2 #gvLoanAnnuityPlan .clientGrid tbody:before,
.CardTurnover #gvLoanAnnuityPlan .clientGrid tbody:before,
.CardInstallmentsV2 #gvLoanAnnuityPlan .clientGrid tbody:before,
.LoanRepayments #gvLoanAnnuityPlan .clientGrid tbody:before,
.LoanAnnuityPlan #gvLoanAnnuityPlan .clientGrid tbody:before,
.MessageHubNotificationList #gvLoanAnnuityPlan .clientGrid tbody:before,
.PaymentOverviewV2 #gvLoanAnnuityPlan .clientGrid tbody:before {
  content: "@";
  display: block;
  line-height: 20px;
  text-indent: -99999px;
}
.Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr:hover,
.AccountTurnoverV2 #gvLoanAnnuityPlan table tbody tr:hover,
.CardTurnover #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,
.PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr:hover {
  background-color: #F5F5F5;
}
.Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr:first-child,
.AccountTurnoverV2 #gvLoanAnnuityPlan table tbody tr:first-child,
.CardTurnover #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,
.PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr:first-child {
  border-top: none !important;
}
.Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
.AccountTurnoverV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
.CardTurnover #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),
.PaymentOverviewV2 #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,
.AccountTurnoverV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
.CardTurnover #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,
.PaymentOverviewV2 #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),
.AccountTurnoverV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
.AccountTurnoverV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
.CardTurnover #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
.CardTurnover #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),
.PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
.PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(8) {
  width: 13%;
}
.Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
.AccountTurnoverV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
.CardTurnover #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),
.PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(7) {
  width: 11%;
}
.Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:last-child,
.AccountTurnoverV2 #gvLoanAnnuityPlan table tbody tr td:last-child,
.CardTurnover #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,
.PaymentOverviewV2 #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,
.AccountTurnoverV2 #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
.CardTurnover #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,
.PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content {
  justify-content: end !important;
}
.Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td .date,
.AccountTurnoverV2 #gvLoanAnnuityPlan table tbody tr td .date,
.CardTurnover #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,
.PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td .date {
  font-size: 15px;
  padding-left: 0px !important;
  color: rgba(0, 0, 0, 0.54);
}
.Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
.AccountTurnoverV2 #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
.CardTurnover #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,
.PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content {
  font-size: 15px;
}
.Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr:hover,
.AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr:hover,
.CardTurnover .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,
.PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr:hover {
  background-color: #F5F5F5;
}
.Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td,
.AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td,
.CardTurnover .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,
.PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td {
  line-height: unset;
}
.Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
.AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
.CardTurnover .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),
.PaymentOverviewV2 .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,
.AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
.CardTurnover .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,
.PaymentOverviewV2 .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),
.AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
.CardTurnover .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),
.PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(3) {
  width: 59.5%;
}
.Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:last-child,
.AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td:last-child,
.CardTurnover .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,
.PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:last-child {
  width: 6%;
  border-top-right-radius: 31px;
  border-bottom-right-radius: 31px;
}
.Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
.AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
.CardTurnover .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,
.PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content {
  justify-content: end !important;
}
.Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td .date,
.AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td .date,
.CardTurnover .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,
.PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td .date {
  font-size: 15px;
}
.Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
.AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
.CardTurnover .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,
.PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content {
  font-size: 15px;
}
.Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr:hover,
.AccountTurnoverV2 .gvLoanRepayments table tbody tr:hover,
.CardTurnover .gvLoanRepayments table tbody tr:hover,
.CardInstallmentsV2 .gvLoanRepayments table tbody tr:hover,
.LoanRepayments .gvLoanRepayments table tbody tr:hover,
.LoanAnnuityPlan .gvLoanRepayments table tbody tr:hover,
.MessageHubNotificationList .gvLoanRepayments table tbody tr:hover,
.PaymentOverviewV2 .gvLoanRepayments table tbody tr:hover {
  background-color: #F5F5F5;
}
.Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td,
.AccountTurnoverV2 .gvLoanRepayments table tbody tr td,
.CardTurnover .gvLoanRepayments table tbody tr td,
.CardInstallmentsV2 .gvLoanRepayments table tbody tr td,
.LoanRepayments .gvLoanRepayments table tbody tr td,
.LoanAnnuityPlan .gvLoanRepayments table tbody tr td,
.MessageHubNotificationList .gvLoanRepayments table tbody tr td,
.PaymentOverviewV2 .gvLoanRepayments table tbody tr td {
  line-height: unset;
}
.Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td:nth-child(2),
.AccountTurnoverV2 .gvLoanRepayments table tbody tr td:nth-child(2),
.CardTurnover .gvLoanRepayments table tbody tr td:nth-child(2),
.CardInstallmentsV2 .gvLoanRepayments table tbody tr td:nth-child(2),
.LoanRepayments .gvLoanRepayments table tbody tr td:nth-child(2),
.LoanAnnuityPlan .gvLoanRepayments table tbody tr td:nth-child(2),
.MessageHubNotificationList .gvLoanRepayments table tbody tr td:nth-child(2),
.PaymentOverviewV2 .gvLoanRepayments table tbody tr td:nth-child(2) {
  width: 25.5%;
  border-top-left-radius: 31px;
  border-bottom-left-radius: 31px;
}
.Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td:nth-child(2) span,
.AccountTurnoverV2 .gvLoanRepayments table tbody tr td:nth-child(2) span,
.CardTurnover .gvLoanRepayments table tbody tr td:nth-child(2) span,
.CardInstallmentsV2 .gvLoanRepayments table tbody tr td:nth-child(2) span,
.LoanRepayments .gvLoanRepayments table tbody tr td:nth-child(2) span,
.LoanAnnuityPlan .gvLoanRepayments table tbody tr td:nth-child(2) span,
.MessageHubNotificationList .gvLoanRepayments table tbody tr td:nth-child(2) span,
.PaymentOverviewV2 .gvLoanRepayments table tbody tr td:nth-child(2) span {
  border-top-left-radius: 31px;
  border-bottom-left-radius: 31px;
}
.Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td:nth-child(3),
.AccountTurnoverV2 .gvLoanRepayments table tbody tr td:nth-child(3),
.CardTurnover .gvLoanRepayments table tbody tr td:nth-child(3),
.CardInstallmentsV2 .gvLoanRepayments table tbody tr td:nth-child(3),
.LoanRepayments .gvLoanRepayments table tbody tr td:nth-child(3),
.LoanAnnuityPlan .gvLoanRepayments table tbody tr td:nth-child(3),
.MessageHubNotificationList .gvLoanRepayments table tbody tr td:nth-child(3),
.PaymentOverviewV2 .gvLoanRepayments table tbody tr td:nth-child(3) {
  width: 59.5%;
}
.Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td:last-child,
.AccountTurnoverV2 .gvLoanRepayments table tbody tr td:last-child,
.CardTurnover .gvLoanRepayments table tbody tr td:last-child,
.CardInstallmentsV2 .gvLoanRepayments table tbody tr td:last-child,
.LoanRepayments .gvLoanRepayments table tbody tr td:last-child,
.LoanAnnuityPlan .gvLoanRepayments table tbody tr td:last-child,
.MessageHubNotificationList .gvLoanRepayments table tbody tr td:last-child,
.PaymentOverviewV2 .gvLoanRepayments table tbody tr td:last-child {
  width: 6%;
  border-top-right-radius: 31px;
  border-bottom-right-radius: 31px;
}
.Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content,
.AccountTurnoverV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content,
.CardTurnover .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content,
.CardInstallmentsV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content,
.LoanRepayments .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content,
.LoanAnnuityPlan .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content,
.MessageHubNotificationList .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content,
.PaymentOverviewV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content {
  justify-content: end !important;
}
.Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td .date,
.AccountTurnoverV2 .gvLoanRepayments table tbody tr td .date,
.CardTurnover .gvLoanRepayments table tbody tr td .date,
.CardInstallmentsV2 .gvLoanRepayments table tbody tr td .date,
.LoanRepayments .gvLoanRepayments table tbody tr td .date,
.LoanAnnuityPlan .gvLoanRepayments table tbody tr td .date,
.MessageHubNotificationList .gvLoanRepayments table tbody tr td .date,
.PaymentOverviewV2 .gvLoanRepayments table tbody tr td .date {
  font-size: 15px;
}
.Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td .tablesaw-cell-content,
.AccountTurnoverV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content,
.CardTurnover .gvLoanRepayments table tbody tr td .tablesaw-cell-content,
.CardInstallmentsV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content,
.LoanRepayments .gvLoanRepayments table tbody tr td .tablesaw-cell-content,
.LoanAnnuityPlan .gvLoanRepayments table tbody tr td .tablesaw-cell-content,
.MessageHubNotificationList .gvLoanRepayments table tbody tr td .tablesaw-cell-content,
.PaymentOverviewV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content {
  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 rgba(0, 0, 0, 0.54);
  padding: 10px;
  border-radius: 20px;
}
.PaymentOrderV2 .payment-limits .percentage-bar .percentage-bar-bcg {
  fill: #FFFFFF;
}
.PaymentOrderV2 .payment-limits .pfm-budgeting-box-info.right {
  width: 50%;
  border-left: 1px dotted rgba(0, 0, 0, 0.54);
}
.PaymentOrderV2 .payment-limits .toggle-card-details {
  width: auto !important;
  padding: 9px 0 !important;
}
.PaymentOrderV2 .transaction-filter-inner .input-amount {
  width: calc(100% - 80px) !important;
}
.PaymentOrderV2 .intrabank-wrapper.with-label-inside.val .input-1 {
  width: 100% !important;
}

.Forms_ActiveWorkflowListSOG .statementsFilter,
.AccountStatements .statementsFilter,
.CardStatements .statementsFilter,
.CreditorTemplateManaging .statementsFilter {
  margin-bottom: 20px;
}
.Forms_ActiveWorkflowListSOG .account-statement-calendar-wrapper,
.AccountStatements .account-statement-calendar-wrapper,
.CardStatements .account-statement-calendar-wrapper,
.CreditorTemplateManaging .account-statement-calendar-wrapper {
  width: 50%;
  margin-left: -8px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper,
.AccountStatements .dot-menu-text-wrapper,
.CardStatements .dot-menu-text-wrapper,
.CreditorTemplateManaging .dot-menu-text-wrapper {
  margin-bottom: 0px;
  position: relative;
  right: 0;
  top: 0;
}
.Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper-filter,
.AccountStatements .dot-menu-text-wrapper-filter,
.CardStatements .dot-menu-text-wrapper-filter,
.CreditorTemplateManaging .dot-menu-text-wrapper-filter {
  top: -10px !important;
}
.Forms_ActiveWorkflowListSOG .transaction-filter,
.AccountStatements .transaction-filter,
.CardStatements .transaction-filter,
.CreditorTemplateManaging .transaction-filter {
  border: 1px solid #DCDCDC;
  padding: 11px 16px;
  border-radius: 25px;
  height: 18px;
  cursor: pointer;
}
.Forms_ActiveWorkflowListSOG .transaction-filter input,
.AccountStatements .transaction-filter input,
.CardStatements .transaction-filter input,
.CreditorTemplateManaging .transaction-filter input {
  border: none;
  width: 100%;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px;
  cursor: pointer;
}
.Forms_ActiveWorkflowListSOG .transaction-filter-box,
.AccountStatements .transaction-filter-box,
.CardStatements .transaction-filter-box,
.CreditorTemplateManaging .transaction-filter-box {
  width: 30%;
}
.Forms_ActiveWorkflowListSOG .transaction-filter-submit-statements,
.AccountStatements .transaction-filter-submit-statements,
.CardStatements .transaction-filter-submit-statements,
.CreditorTemplateManaging .transaction-filter-submit-statements {
  margin-left: 10px;
  padding: 10px 13px;
  margin-bottom: 10px;
  background: none;
  border: none;
  background-color: #52AE30;
  border-radius: 20px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.5s;
  font-family: "Source-Sans-Pro-bold";
  color: #FFFFFF;
  width: 80px;
  height: 40px;
  font-size: 15px;
  cursor: pointer;
}
.Forms_ActiveWorkflowListSOG .transaction-filter-submit-statements:hover,
.AccountStatements .transaction-filter-submit-statements:hover,
.CardStatements .transaction-filter-submit-statements:hover,
.CreditorTemplateManaging .transaction-filter-submit-statements:hover {
  background-color: #2A7F00;
  transition: background-color 0.5s;
}
.Forms_ActiveWorkflowListSOG .payment-filter,
.AccountStatements .payment-filter,
.CardStatements .payment-filter,
.CreditorTemplateManaging .payment-filter {
  border-bottom: 1px solid #C7C7C7;
}
.Forms_ActiveWorkflowListSOG .payment-filter-ico,
.AccountStatements .payment-filter-ico,
.CardStatements .payment-filter-ico,
.CreditorTemplateManaging .payment-filter-ico {
  position: absolute;
  width: 8px;
  height: 14px;
  right: 105px;
  top: 2px;
  cursor: pointer;
}
.Forms_ActiveWorkflowListSOG .payment-filter-recipient,
.AccountStatements .payment-filter-recipient,
.CardStatements .payment-filter-recipient,
.CreditorTemplateManaging .payment-filter-recipient {
  width: 20%;
  padding-left: 10px;
}
.Forms_ActiveWorkflowListSOG .payment-filter-box,
.AccountStatements .payment-filter-box,
.CardStatements .payment-filter-box,
.CreditorTemplateManaging .payment-filter-box {
  position: relative;
}
.Forms_ActiveWorkflowListSOG .payment-filter-box.active .payment-ico-filter-down,
.AccountStatements .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 {
  opacity: 0;
}
.Forms_ActiveWorkflowListSOG .payment-filter-box.active .inactive-arrow,
.AccountStatements .payment-filter-box.active .inactive-arrow,
.CardStatements .payment-filter-box.active .inactive-arrow,
.CreditorTemplateManaging .payment-filter-box.active .inactive-arrow {
  opacity: 1;
  transform: translateY(2px);
}
.Forms_ActiveWorkflowListSOG .payment-filter-box:first-child,
.AccountStatements .payment-filter-box:first-child,
.CardStatements .payment-filter-box:first-child,
.CreditorTemplateManaging .payment-filter-box:first-child {
  width: 16%;
  padding-left: 80px;
}
.Forms_ActiveWorkflowListSOG .payment-filter-box .page-text-2,
.AccountStatements .payment-filter-box .page-text-2,
.CardStatements .payment-filter-box .page-text-2,
.CreditorTemplateManaging .payment-filter-box .page-text-2 {
  cursor: pointer;
  padding-right: 25px;
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 1;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.Forms_ActiveWorkflowListSOG .payment-filter-box .checkboxCustom .checkbox-save .checkmark,
.AccountStatements .payment-filter-box .checkboxCustom .checkbox-save .checkmark,
.CardStatements .payment-filter-box .checkboxCustom .checkbox-save .checkmark,
.CreditorTemplateManaging .payment-filter-box .checkboxCustom .checkbox-save .checkmark {
  position: absolute;
  top: 0;
  left: 30px;
  height: 14px;
  width: 14px;
  border: 2px solid #C7C7C7;
  border-radius: 2px;
  background: transparent;
  cursor: pointer;
}
.Forms_ActiveWorkflowListSOG .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after,
.AccountStatements .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 {
  content: "";
  width: 18px;
  height: 18px;
  left: -2px;
  top: -2px;
  position: absolute;
  background: url(images/icons/checkbox.png) 0 0 no-repeat;
  background-size: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.Forms_ActiveWorkflowListSOG .account-statement-info-inner .dot-menu-text-wrapper,
.AccountStatements .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 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
  right: 35px;
}
.Forms_ActiveWorkflowListSOG .account-statement-pdf-download,
.AccountStatements .account-statement-pdf-download,
.CardStatements .account-statement-pdf-download,
.CreditorTemplateManaging .account-statement-pdf-download {
  width: 83%;
  padding-right: 25px;
}
.Forms_ActiveWorkflowListSOG .account-statements-info,
.AccountStatements .account-statements-info,
.CardStatements .account-statements-info,
.CreditorTemplateManaging .account-statements-info {
  padding: 8px 20px 8px 30px;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  border-radius: 31px;
  cursor: pointer;
}
.Forms_ActiveWorkflowListSOG .account-statements-info:hover,
.AccountStatements .account-statements-info:hover,
.CardStatements .account-statements-info:hover,
.CreditorTemplateManaging .account-statements-info:hover {
  background-color: #FFFFFF;
}
.Forms_ActiveWorkflowListSOG .account-statements-info:hover .dot-menu-text-wrapper,
.AccountStatements .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 {
  opacity: 1;
  visibility: visible;
}
.Forms_ActiveWorkflowListSOG .account-statements-info:hover .payments-ico,
.AccountStatements .account-statements-info:hover .payments-ico,
.CardStatements .account-statements-info:hover .payments-ico,
.CreditorTemplateManaging .account-statements-info:hover .payments-ico {
  background-color: #efefef;
}
.Forms_ActiveWorkflowListSOG .account-statements-info .group-inner,
.AccountStatements .account-statements-info .group-inner,
.CardStatements .account-statements-info .group-inner,
.CreditorTemplateManaging .account-statements-info .group-inner {
  padding-left: 50px;
  width: 10%;
  margin-bottom: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}
.Forms_ActiveWorkflowListSOG .account-statements-info .profile-text-arrow,
.AccountStatements .account-statements-info .profile-text-arrow,
.CardStatements .account-statements-info .profile-text-arrow,
.CreditorTemplateManaging .account-statements-info .profile-text-arrow {
  fill: #C7C7C7;
  right: 16px;
}
.Forms_ActiveWorkflowListSOG .checkboxCustom .checkbox-save.checked .checkmark:after,
.AccountStatements .checkboxCustom .checkbox-save.checked .checkmark:after,
.CardStatements .checkboxCustom .checkbox-save.checked .checkmark:after,
.CreditorTemplateManaging .checkboxCustom .checkbox-save.checked .checkmark:after {
  opacity: 1;
}
.Forms_ActiveWorkflowListSOG .checkboxCustom .checkbox-save .checkmark,
.AccountStatements .checkboxCustom .checkbox-save .checkmark,
.CardStatements .checkboxCustom .checkbox-save .checkmark,
.CreditorTemplateManaging .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,
.AccountStatements .checkboxCustom .checkbox-save .checkmark:after,
.CardStatements .checkboxCustom .checkbox-save .checkmark:after,
.CreditorTemplateManaging .checkboxCustom .checkbox-save .checkmark:after {
  content: "";
  width: 18px;
  height: 18px;
  left: -2px;
  top: -2px;
  position: absolute;
  background: url(images/icons/checkbox.png) 0 0 no-repeat;
  background-size: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.Forms_ActiveWorkflowListSOG .showPagination,
.AccountStatements .showPagination,
.CardStatements .showPagination,
.CreditorTemplateManaging .showPagination {
  justify-content: flex-end;
}

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

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

.CardBalancePreviewV2 {
  margin-bottom: 0;
}
.CardBalancePreviewV2 .account-card-text {
  width: calc(100% - 110px);
  padding-left: 24px;
}

.AccountStatements .payment-filter {
  /*        &-box {
      &.active {
          .inactive-arrow {
              opacity: 0;
          }
      }
  }*/
}
.AccountStatements .payment-filter .payment-filter-box svg {
  left: 127px !important;
}
.AccountStatements .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient {
  top: -3px;
}
.AccountStatements .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg {
  left: 96px !important;
  top: 5px;
}
.AccountStatements .payment-filter-recipient {
  padding-left: 18px !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: #52AE30;
}
.paymentOverviewDetails .status-rejected {
  color: #FF435A;
}
.paymentOverviewDetails .status-pending {
  color: rgba(0, 0, 0, 0.54);
}
.paymentOverviewDetails .details {
  height: 290px;
}
.paymentOverviewDetails .open-payments {
  height: 820px;
}

.accountsList .transaction-state,
.transactionDetails .transaction-state,
.intrabankTransferDetail .transaction-state,
.paymentOverviewDetails .transaction-state {
  background-color: #E8E9EC;
  text-align: center;
  width: 42%;
  padding: 27px 15px;
}
.accountsList .transaction-state:first-child,
.transactionDetails .transaction-state:first-child,
.intrabankTransferDetail .transaction-state:first-child,
.paymentOverviewDetails .transaction-state:first-child {
  border-radius: 16px 0 0 16px;
  border-right: 3px solid #EFEFEF;
}
.accountsList .transaction-state:nth-child(2),
.transactionDetails .transaction-state:nth-child(2),
.intrabankTransferDetail .transaction-state:nth-child(2),
.paymentOverviewDetails .transaction-state:nth-child(2) {
  border-radius: 0 16px 16px 0;
}
.accountsList .transaction-state .page-text,
.transactionDetails .transaction-state .page-text,
.intrabankTransferDetail .transaction-state .page-text,
.paymentOverviewDetails .transaction-state .page-text {
  display: inline-block;
  padding-left: 10px;
  bottom: 4px;
}
.accountsList .transaction-state-ico,
.transactionDetails .transaction-state-ico,
.intrabankTransferDetail .transaction-state-ico,
.paymentOverviewDetails .transaction-state-ico {
  width: 20px;
  height: 20px;
}
.accountsList .transaction-check-ico,
.transactionDetails .transaction-check-ico,
.intrabankTransferDetail .transaction-check-ico,
.paymentOverviewDetails .transaction-check-ico {
  fill: #35B37E;
}

.accountTurnoverDetails div > .show-more-btn {
  margin-bottom: 15px;
}
.accountTurnoverDetails div > .show-more-btn > .more-details:before {
  background-image: none !important;
}
.accountTurnoverDetails div > .show-more-btn > .less-details:before {
  background-image: none !important;
}
.accountTurnoverDetails .expand-icon {
  width: 14px;
  height: 14px;
  stroke: #52ae30;
  margin-right: -25px;
  vertical-align: text-bottom;
}
.accountTurnoverDetails .turnover-detail-ico {
  width: 40px !important;
  height: 40px !important;
  margin-bottom: 10px !important;
}
.accountTurnoverDetails .turnover-detail-ico svg {
  width: 20px !important;
  height: 20px !important;
}
.accountTurnoverDetails .status-completed {
  color: #52AE30;
}
.accountTurnoverDetails .status-rejected {
  color: #FF435A;
}
.accountTurnoverDetails .status-pending {
  color: rgba(0, 0, 0, 0.54);
}

.cardTurnoverDetails .popup-ammount-wrapper .card-turnover-detail-ico {
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
}
.cardTurnoverDetails .popup-ammount-wrapper .card-turnover-detail-ico svg {
  width: 20px !important;
  height: 20px !important;
}
.cardTurnoverDetails .status-completed {
  color: #52AE30;
}
.cardTurnoverDetails .status-rejected {
  color: #ff435a;
}
.cardTurnoverDetails .status-pending {
  color: rgba(0, 0, 0, 0.54);
}
.cardTurnoverDetails .masterata-wrapper-options {
  margin: 0px 40px;
}
.cardTurnoverDetails .masterata-wrapper-options .dot-menu {
  border-radius: 50%;
}
.cardTurnoverDetails .noErrorDetailView .popup-ammount-wrapper {
  margin-right: -30px !important;
}
.cardTurnoverDetails.masterata-change-payment-dialog .slider-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cardTurnoverDetails.masterata-change-payment-dialog .slider-container input[type=range] {
  width: 100%;
  -webkit-appearance: none;
  display: block !important;
  margin-bottom: 10px;
}
.cardTurnoverDetails.masterata-change-payment-dialog .slider-container input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 25px;
  height: 25px;
  background: #52AE30;
  cursor: pointer;
  border-radius: 50%;
  margin-top: -10px;
}
.cardTurnoverDetails.masterata-change-payment-dialog .slider-container input[type=range]::-webkit-slider-runnable-track {
  height: 7px;
  background: #D6D6D6;
  border-radius: 5px;
}
.cardTurnoverDetails.masterata-change-payment-dialog .slider-container input[type=number] {
  width: 100%;
  padding: 15px 0px;
  border: none;
  border-radius: 24px;
  text-align: center;
  font-family: "Source-Sans-Pro-bold", sans-serif;
}
.cardTurnoverDetails .revolving-explanation-wrapper {
  margin-top: 20px;
  display: flex;
  align-items: center;
  border: 2px #52AE30 dotted;
  border-radius: 24px;
  padding: 15px;
}
.cardTurnoverDetails .revolving-explanation-wrapper-right {
  border-left: 2px #52AE30 dotted;
  margin-left: 5px;
  padding-left: 20px;
}
.cardTurnoverDetails .revolving-explanation-wrapper .info-img-ico {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px;
  background-image: url(images/icons/ivr-info.png) !important;
  background-size: contain;
  background-repeat: no-repeat;
}

.accountTurnoverDetails .transaction-state,
.cardTurnoverDetails .transaction-state,
.loanRepaymentsDetails .transaction-state,
.depositBalance .transaction-state {
  background-color: #E8E9EC;
  text-align: center;
  width: 100%;
  padding: 27px 15px;
  border-radius: 16px;
}
.accountTurnoverDetails .transaction-state .page-text,
.cardTurnoverDetails .transaction-state .page-text,
.loanRepaymentsDetails .transaction-state .page-text,
.depositBalance .transaction-state .page-text {
  display: inline-block;
  padding-left: 10px;
  bottom: 4px;
}
.accountTurnoverDetails .transaction-state-ico,
.cardTurnoverDetails .transaction-state-ico,
.loanRepaymentsDetails .transaction-state-ico,
.depositBalance .transaction-state-ico {
  width: 20px;
  height: 20px;
}
.accountTurnoverDetails .transaction-state:first-child,
.cardTurnoverDetails .transaction-state:first-child,
.loanRepaymentsDetails .transaction-state:first-child,
.depositBalance .transaction-state:first-child {
  width: 50% !important;
  border-right: 3px solid #ebf0f5;
}
.accountTurnoverDetails .transaction-state:nth-child(2),
.cardTurnoverDetails .transaction-state:nth-child(2),
.loanRepaymentsDetails .transaction-state:nth-child(2),
.depositBalance .transaction-state:nth-child(2) {
  width: 50% !important;
  border-right: 3px solid #ebf0f5;
}
.accountTurnoverDetails .transaction-check-ico,
.cardTurnoverDetails .transaction-check-ico,
.loanRepaymentsDetails .transaction-check-ico,
.depositBalance .transaction-check-ico {
  fill: #35B37E;
}

.insuranceOverflow {
  overflow-y: auto;
  height: 69vh;
}
.insuranceOverflow::-webkit-scrollbar {
  background: white;
  width: 5px;
}
.insuranceOverflow::-webkit-scrollbar-track {
  top: 20px;
  background: transparent !important;
}
.insuranceOverflow::-webkit-scrollbar-thumb {
  background-color: #52ae30;
  border-radius: 5px;
  width: 4px;
}

.UserInfo {
  /*.password-change-dialog .wrapper-label-input{
      height: 50px !important;
  }*/
}
.UserInfo .UserInfoHeader {
  max-width: -webkit-calc(100% - ((100% - 1026px) / 2));
  max-width: calc(100% - (100% - 1026px) / 2);
  margin-left: auto;
  padding: 50px 72px 50px 20px;
}
.UserInfo .UserInfoHeader .heading {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  color: #FFFFFF;
  font-size: 32px;
}

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

.token-list .tableHeader {
  display: inline-table !important;
  margin-bottom: 25px;
  margin-right: -143px;
}
.token-list .addNewToken {
  float: right;
  color: #FFFFFF;
  background-color: #52AE30;
  border: none;
  border-radius: 31px;
  height: 30px;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  font-size: 14px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.5s;
}
.token-list .addNewToken .button-ico {
  width: 20px;
  height: 20px;
  background-color: transparent;
  position: relative;
  margin-right: 10px;
}
.token-list .addNewToken .button-ico .button-ico-svg {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translate(-50%, -50%);
  stroke: #FFFFFF;
}
.token-list .addNewToken:hover {
  background-color: #2A7F00;
  transition: all 0.5s;
}
.token-list .account-statement-info-inner .account-statements-info {
  transition: all 0.5s;
  height: 55px;
}
.token-list .account-statement-info-inner .account-statements-info:hover {
  background-color: #FFFFFF;
  transition: all 0.5s;
}
.token-list .account-statement-info-inner .account-statements-info:hover .tokens-ico {
  background-color: #EFEFEF;
  transition: all 0.5s;
}
.token-list .account-statement-info-inner .account-statements-info:hover .pdf-download {
  visibility: visible;
  cursor: pointer;
}
.token-list .group-inner {
  width: 18% !important;
  margin-bottom: 0px !important;
}
.token-list .group-inner .pdf-download {
  min-width: 100px;
  padding: 10px 10px 10px 10px;
  justify-content: center;
  margin-left: 16px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.5s, background-color 0.5s;
  visibility: hidden;
}
.token-list .group-inner .pdf-download:hover {
  box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
}
.token-list .tokens-ico {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #FFFFFF;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}
.token-list .tokens-ico .tokens-ico-svg {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  stroke: rgba(0, 0, 0, 0.87);
}
.token-list .payment-filter-device,
.token-list .payment-filter-date,
.token-list .payment-filter-digipass {
  width: 16%;
}
.token-list .payment-filter-date .page-text-2 {
  padding-left: 0px !important;
  margin-right: 10px;
  white-space: nowrap;
}
.token-list .payment-filter-date svg {
  right: 7px;
}
.token-list .payment-filter-serialnum {
  width: 20% !important;
}
.token-list .payment-filter-serialnum .page-text-2 {
  margin-left: 50px !important;
  margin-right: 10px;
  white-space: nowrap;
}
.token-list .payment-filter-serialnum svg {
  right: 20px;
}
.token-list .payment-filter-device .page-text-2 {
  margin-right: 10px;
  white-space: nowrap;
}
.token-list .payment-filter-device svg {
  right: 60px;
}
.token-list .payment-filter-digipass .page-text-2 {
  margin-right: 10px;
  white-space: nowrap;
}
.token-list .payment-filter-digipass svg {
  right: 50px;
}
.token-list .payment-filter-ico {
  top: 4px;
  cursor: pointer;
}
.token-list .payment-filter-box {
  content-visibility: auto;
  position: relative;
}
.token-list .column-digipass p {
  margin-left: 70px;
}
.token-list .column-date p {
  margin-left: 10px;
}
.token-list .column-buttons {
  position: relative;
  right: 35px;
}
.token-list .button {
  float: right;
}

.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 0.5s;
  transition: background-color 0.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 0.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: 0.1s;
  transition-delay: 0.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 0.5s, visibility 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, visibility 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, visibility 0.5s, transform 0.5s, background-color 0.5s, box-shadow 0.5s;
  transition: opacity 0.5s, visibility 0.5s, transform 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s;
  padding: 10px;
  margin-left: 16px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.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 0.5s;
  transition: color 0.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,
.CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box {
  width: calc(20% - 17px);
}
.CardInstallmentsV2 .focusin,
.CardTurnover .focusin {
  border: 1px solid #52AE30 !important;
}
.CardInstallmentsV2 .gvCardTurnover .clientGridPager,
.CardTurnover .gvCardTurnover .clientGridPager {
  margin-bottom: 0px;
}
.CardInstallmentsV2 .gvCardTurnover .clientGrid thead,
.CardTurnover .gvCardTurnover .clientGrid thead {
  border-bottom: 1px solid #C7C7C7;
}
.CardInstallmentsV2 .gvCardTurnover .clientGrid thead tr th:nth-child(3), .CardInstallmentsV2 .gvCardTurnover .clientGrid thead tr th:nth-child(4),
.CardTurnover .gvCardTurnover .clientGrid thead tr th:nth-child(3),
.CardTurnover .gvCardTurnover .clientGrid thead tr th:nth-child(4) {
  text-align: left;
}
.CardInstallmentsV2 .gvCardTurnover .clientGrid tbody:before,
.CardTurnover .gvCardTurnover .clientGrid tbody:before {
  content: "@";
  display: block;
  line-height: 20px;
  text-indent: -99999px;
}
.CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr:first-child,
.CardTurnover .gvCardTurnover .clientGrid tbody tr:first-child {
  border-top: none !important;
}
.CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td,
.CardTurnover .gvCardTurnover .clientGrid tbody tr td {
  border-radius: 0;
}
.CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td:nth-child(3),
.CardTurnover .gvCardTurnover .clientGrid tbody tr td:nth-child(3) {
  text-align: left;
}
.CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td:nth-child(4),
.CardTurnover .gvCardTurnover .clientGrid tbody tr td:nth-child(4) {
  text-align: left;
}
.CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td:nth-child(5) .tablesaw-cell-content,
.CardTurnover .gvCardTurnover .clientGrid tbody tr td:nth-child(5) .tablesaw-cell-content {
  justify-content: flex-end;
}
.CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td:last-child,
.CardTurnover .gvCardTurnover .clientGrid tbody tr td:last-child {
  padding-right: 16px;
}
.CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content,
.CardTurnover .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content {
  align-items: center;
}
.CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content small,
.CardTurnover .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content small {
  position: static;
  top: unset;
}

/*.AccountTurnoverV2 {*/
.gvAccountTurnoverPreview .clientGrid thead {
  border-bottom: 1px solid #C7C7C7;
}
.gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(3) {
  text-align: left;
}
.gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(4) {
  text-align: center;
}
.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) {
  text-align: left;
}
.gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(5) .tablesaw-cell-content {
  justify-content: flex-end;
}
.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 .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 0.5s;
  transition: background-color 0.5s;
}
.gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment:hover {
  background-color: #F5F5F5;
}
.gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment:hover .pdf-download {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment .page-text small {
  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 0.5s, visibility 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, visibility 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, visibility 0.5s, transform 0.5s, background-color 0.5s, box-shadow 0.5s;
  transition: opacity 0.5s, visibility 0.5s, transform 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s;
  padding: 10px;
  margin-left: 16px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.gvAccountTurnoverPreview .loan-filter-wrapper .pdf-download:hover {
  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: rgba(0, 0, 0, 0.87);
}
.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 0.5s;
  transition: color 0.5s;
}
.gvAccountTurnoverPreview .payment-filter-box .payment-filter-amount {
  width: 10%;
}

.reservedFunds .account-inter-inner-scroll {
  padding: 0 25px 0 35px !important;
}
.reservedFunds .pending-expenses-box {
  margin-right: 15px;
}

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

.installmentsList .all-account-popup-title,
.reservedFunds .all-account-popup-title,
.reservedFundsCard .all-account-popup-title,
.reservedFundsSlider .all-account-popup-title {
  margin-bottom: 0 !important;
}
.installmentsList .all-accounts-popup-wrapper p,
.reservedFunds .all-accounts-popup-wrapper p,
.reservedFundsCard .all-accounts-popup-wrapper p,
.reservedFundsSlider .all-accounts-popup-wrapper p {
  text-align: center;
  color: #52AE30;
}
.installmentsList .reservedFundsDate,
.reservedFunds .reservedFundsDate,
.reservedFundsCard .reservedFundsDate,
.reservedFundsSlider .reservedFundsDate {
  font-size: 14px;
}
.installmentsList .reservedFundsLeft,
.reservedFunds .reservedFundsLeft,
.reservedFundsCard .reservedFundsLeft,
.reservedFundsSlider .reservedFundsLeft {
  display: inline-block;
}
.installmentsList .reservedFundsCurrency,
.reservedFunds .reservedFundsCurrency,
.reservedFundsCard .reservedFundsCurrency,
.reservedFundsSlider .reservedFundsCurrency {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #C7C7C7;
}
.installmentsList .reservedFundsAmount,
.reservedFunds .reservedFundsAmount,
.reservedFundsCard .reservedFundsAmount,
.reservedFundsSlider .reservedFundsAmount {
  position: absolute;
  display: inline-block;
  right: 8%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.installmentsList .reserved-funds-ico,
.reservedFunds .reserved-funds-ico,
.reservedFundsCard .reserved-funds-ico,
.reservedFundsSlider .reserved-funds-ico {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: relative;
  float: left;
  margin-left: 13px;
  margin-right: 13px;
}
.installmentsList .reserved-funds-ico svg,
.reservedFunds .reserved-funds-ico svg,
.reservedFundsCard .reserved-funds-ico svg,
.reservedFundsSlider .reserved-funds-ico svg {
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: rgba(0, 0, 0, 0.87);
  position: absolute;
  margin-right: 15px;
}

.LoanAnnuityPlan .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: 32px;
}
.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: #52AE30;
  border-radius: 20px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.0008) !important;
  transition: box-shadow 0.5s;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  color: #FFFFFF;
  width: 80px;
  height: 40px;
  font-size: 14px;
  cursor: pointer;
  margin-left: 14px;
}
.MessageHubNotificationList .filterButton button:hover {
  background-color: #2A7F00;
  transition: background-color 0.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: rgba(0, 0, 0, 0.54) !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: #52AE30 !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 #52AE30;
}
.messageDetail .characters-counter {
  position: absolute;
  bottom: 27px;
  left: 360px;
  font-size: 14px;
  margin-bottom: 0px !important;
  color: rgba(0, 0, 0, 0.54);
}
.messageDetail .texarea-1 {
  width: 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 {
  right: 380px !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.23);
}
.messageDetail .dot-menu .file-input-wrap svg {
  stroke: #52AE30;
}
.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-semibold", sans-serif !important;
}
.messageDetail .mCSB_inside > .mCSB_container {
  margin-right: 0px !important;
}
.messageDetail .mCSB_scrollTools .mCSB_draggerContainer {
  right: -10px;
}
.messageDetail .attachment-card {
  width: 96% !important;
  border-radius: 25px;
  margin-bottom: 12px !important;
}
.messageDetail .attachment-card svg {
  margin-left: 25px !important;
  stroke: #52AE30;
}

.message-hub-dialog .newMessageDialog .account-inter-inner-scroll {
  height: 100%;
  display: block;
  padding-right: 25px !important;
}
.message-hub-dialog .newMessageDialog .account-item-inner {
  height: 100% !important;
  overflow-y: hidden;
}
.message-hub-dialog .newMessageDialog .all-account-wrapper-outer {
  height: 100%;
}
.message-hub-dialog .newMessageDialog .attachment-card {
  width: 100%;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.message-hub-dialog .newMessageDialog .attachment-card svg {
  width: 18px;
  height: 20px;
  display: inline-block;
  margin-left: 10px;
}
.message-hub-dialog .newMessageDialog .attachment-card p {
  color: rgba(0, 0, 0, 0.87);
  display: inline-block;
  font-family: "Lato-Semibold", sans-serif;
}
.message-hub-dialog .read-messages-list {
  margin-top: 40px;
}
.message-hub-dialog .read-messages-list .all-account-popup-title .all-account-close {
  top: 0;
}
.message-hub-dialog .read-messages-list #mCSB_2_scrollbar_vertical {
  margin-top: 50px;
}
.message-hub-dialog .read-messages-list .account-item-inner.optiscroll {
  margin-top: 35px;
}
.message-hub-dialog .read-messages-list .message-title-archive {
  margin-top: 0px !important;
}

.read-message {
  height: 89vh !important;
}
.read-message .all-accounts-popup-wrapper {
  height: 100%;
  border-radius: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.read-message .all-accounts-popup-wrapper .account-inter-inner-scroll .input-wrap .input-1 {
  width: auto;
  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: #52AE30 !important;
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 700;
  position: relative;
  bottom: 25px;
}
.read-message .btn-1.color-6:hover {
  background-color: #2A7F00 !important;
  box-shadow: 0 0 18px rgba(54, 60, 164, 0.4);
}

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

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

.paymentOverviewFilter .transaction-filter-inner,
.cardInstallmentsFilter .transaction-filter-inner,
.cardTurnoverFilter .transaction-filter-inner {
  display: flex;
  align-items: flex-end !important;
}

.accountTurnoverFilter .dk-select.select.select-1:after {
  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;
}
.accountTurnoverFilter .transaction-filter-inner {
  display: flex;
  align-items: flex-end !important;
}

.Forms_ActiveWorkflowListSOG .dk-select.select.select-1:after {
  content: "";
  display: block;
  width: 9px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 18px;
  background: url(images/icons/arrows-2.png) 50% no-repeat;
  background-size: 9px;
  z-index: 3;
}

.MessageHubNotificationList .dk-select.select.select-1:after {
  content: "";
  display: block;
  width: 9px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 18px;
  background: url(images/icons/arrows-2.png) 50% no-repeat;
  background-size: 9px;
  z-index: 3;
}

.commercial-wrapper .btn-2 {
  padding: 15px 36px !important;
  font-family: "Source-Sans-Pro-bold", sans-serif !important;
  box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4);
  transition: all 0.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: rgba(0, 0, 0, 0.87);
  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-semibold", sans-serif !important;
  color: rgba(0, 0, 0, 0.54);
}
.notificationMsgList .msgHubThreadList .sms-push-content-title {
  width: 64% !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.notificationMsgList .msgHubThreadList .profile-text-arrow {
  position: absolute;
  top: 50%;
  fill: #C7C7C7;
  right: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.notificationMsgList .msgHubThreadList .payment-filter-box {
  position: relative;
}
.notificationMsgList .msgHubThreadList .payment-filter-box.name {
  left: 10%;
  width: auto !important;
}
.notificationMsgList .msgHubThreadList .payment-filter-box.name svg {
  left: 125px;
  top: 5px;
}
.notificationMsgList .msgHubThreadList .payment-filter-box.check-item svg {
  left: 125px;
  top: 5px;
}
.notificationMsgList .msgHubThreadList .page-text-item-sort-first {
  left: 70%;
  margin-bottom: 5px !important;
}
.notificationMsgList .msgHubThreadList .page-text-item-sort-second {
  left: 40%;
  margin-bottom: 11px !important;
}
.notificationMsgList .msgHubThreadList .part-checkbox {
  display: inline-block;
  position: relative;
  left: 26px;
  z-index: 15;
}
.notificationMsgList .msgHubThreadList .part-checkbox .cc-checkbox {
  display: none;
}
.notificationMsgList .msgHubThreadList .part-checkbox .checkboxCustom .checkbox-save {
  display: inline-block !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 0.3s;
  transition: opacity 0.3s;
}
.notificationMsgList .msgHubThreadList .archive-section .message {
  padding: 20px 70px 20px 20px;
}
.notificationMsgList .msgHubThreadList .archive-section .message .message-date {
  display: inline-block;
  color: rgba(0, 0, 0, 0.54);
  font-size: 15px;
  width: 92px;
}
.notificationMsgList .msgHubThreadList .archive-section .message .title {
  font-size: 15px;
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
  line-height: 20px;
  display: inline-block;
  position: absolute;
  left: 190px;
}
.notificationMsgList .clientGridPager .pagination {
  padding-right: 20px;
  font-family: "Lato-Semibold", sans-serif;
  color: #C7C7C7;
  font-size: 13px;
}
.notificationMsgList .clientGridPager .maxPage {
  padding-left: 10px;
}
.notificationMsgList .clientGridPager .currentPage {
  width: 40px;
  height: 40px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  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: rgba(0, 0, 0, 0.87);
  font-size: 15px;
}
.notificationMsgList .clientGridPager .currentPage:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
}

.dashboard-wrap .CurrencyExchangeV2,
.dashboard-wrap .CurrencyCalculator {
  margin-top: 0;
}

.FXTrading .s-widget-title,
.PaymentTransferV2 .s-widget-title,
.CardPayment .s-widget-title,
.PaymentOrderV2 .s-widget-title,
.PaymentOrderV4 .s-widget-title {
  display: none;
}
.FXTrading .s-widget-body-header,
.PaymentTransferV2 .s-widget-body-header,
.CardPayment .s-widget-body-header,
.PaymentOrderV2 .s-widget-body-header,
.PaymentOrderV4 .s-widget-body-header {
  display: none !important;
}
.FXTrading .popup-content .dot-decoration,
.PaymentTransferV2 .popup-content .dot-decoration,
.CardPayment .popup-content .dot-decoration,
.PaymentOrderV2 .popup-content .dot-decoration,
.PaymentOrderV4 .popup-content .dot-decoration {
  right: 57px;
}
.FXTrading .transaction-filter-inner,
.PaymentTransferV2 .transaction-filter-inner,
.CardPayment .transaction-filter-inner,
.PaymentOrderV2 .transaction-filter-inner,
.PaymentOrderV4 .transaction-filter-inner {
  max-width: 600px;
  margin: auto;
  margin-bottom: 150px;
  padding: 1px;
  position: relative;
}
.FXTrading .transaction-filter-inner .no-acc,
.PaymentTransferV2 .transaction-filter-inner .no-acc,
.CardPayment .transaction-filter-inner .no-acc,
.PaymentOrderV2 .transaction-filter-inner .no-acc,
.PaymentOrderV4 .transaction-filter-inner .no-acc {
  border: 1px solid #dcdcdc;
  padding: 15px;
  text-align: center;
  background-color: white;
  border-radius: 30px;
  font-family: "Source-Sans-Pro", "sans-serif";
}
.FXTrading .transaction-filter-inner .btn-2,
.PaymentTransferV2 .transaction-filter-inner .btn-2,
.CardPayment .transaction-filter-inner .btn-2,
.PaymentOrderV2 .transaction-filter-inner .btn-2,
.PaymentOrderV4 .transaction-filter-inner .btn-2 {
  display: block;
  max-width: 292px;
  margin: auto;
  width: 100%;
  cursor: pointer;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper,
.PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper,
.PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper {
  padding: 17px 10px 17px 16px;
  border: 1px solid #E8E9EC;
  overflow: visible;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options,
.PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options,
.PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options {
  top: 75%;
  border-radius: 0;
  position: relative;
  box-shadow: none;
  z-index: 10;
  width: 100%;
  padding-top: 0;
  border-top: 2px solid #52ae30;
  max-height: 127px;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar,
.PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar,
.PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar {
  background: white;
  width: 5px;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track,
.PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track,
.PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track {
  top: 20px;
  background: white;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb,
.PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb,
.PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb {
  background-color: #52ae30;
  border-radius: 5px;
  width: 4px;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
.PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
.PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected {
  background: transparent;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .custom-name,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .custom-name,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .custom-name,
.PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .custom-name,
.PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .custom-name {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number,
.PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number,
.PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number {
  color: #C7C7C7;
  font-size: 15px;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected,
.PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected,
.PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected {
  border: none;
  border-radius: 0;
  padding: 0;
  position: relative;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.recDialog,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.recDialog,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.recDialog,
.PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.recDialog,
.PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.recDialog {
  pointer-events: none;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected:after,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected:after,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected:after,
.PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected:after,
.PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected:after {
  right: 0;
}
.FXTrading .transaction-filter-inner .input-amount,
.PaymentTransferV2 .transaction-filter-inner .input-amount,
.CardPayment .transaction-filter-inner .input-amount,
.PaymentOrderV2 .transaction-filter-inner .input-amount,
.PaymentOrderV4 .transaction-filter-inner .input-amount {
  border: 1px solid #E8E9EC;
  padding: 0;
  padding-left: 16px;
  width: 97%;
}
.FXTrading .transaction-filter-inner label,
.PaymentTransferV2 .transaction-filter-inner label,
.CardPayment .transaction-filter-inner label,
.PaymentOrderV2 .transaction-filter-inner label,
.PaymentOrderV4 .transaction-filter-inner label {
  padding: 0 16px;
  display: block;
}
.FXTrading .transaction-filter-inner .buttons-wrapper,
.PaymentTransferV2 .transaction-filter-inner .buttons-wrapper,
.CardPayment .transaction-filter-inner .buttons-wrapper,
.PaymentOrderV2 .transaction-filter-inner .buttons-wrapper,
.PaymentOrderV4 .transaction-filter-inner .buttons-wrapper {
  top: 100px !important;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.FXTrading .transaction-filter-inner .buttons-wrapper .debt-btn,
.PaymentTransferV2 .transaction-filter-inner .buttons-wrapper .debt-btn,
.CardPayment .transaction-filter-inner .buttons-wrapper .debt-btn,
.PaymentOrderV2 .transaction-filter-inner .buttons-wrapper .debt-btn,
.PaymentOrderV4 .transaction-filter-inner .buttons-wrapper .debt-btn {
  width: 120px;
  text-align: center;
  border: 1px solid #52ae30;
  border-radius: 25px;
  color: #52ae30;
  margin: 0;
  padding: 9px 16px;
  transition: color 0.3s;
  cursor: pointer;
  font-family: "Source-Sans-Pro-semibold", "sans-serif";
}
.FXTrading .transaction-filter-inner .buttons-wrapper .debt-btn:first-child,
.PaymentTransferV2 .transaction-filter-inner .buttons-wrapper .debt-btn:first-child,
.CardPayment .transaction-filter-inner .buttons-wrapper .debt-btn:first-child,
.PaymentOrderV2 .transaction-filter-inner .buttons-wrapper .debt-btn:first-child,
.PaymentOrderV4 .transaction-filter-inner .buttons-wrapper .debt-btn:first-child {
  margin-right: 20px;
}
.FXTrading .transaction-filter-inner .buttons-wrapper .debt-btn.active,
.PaymentTransferV2 .transaction-filter-inner .buttons-wrapper .debt-btn.active,
.CardPayment .transaction-filter-inner .buttons-wrapper .debt-btn.active,
.PaymentOrderV2 .transaction-filter-inner .buttons-wrapper .debt-btn.active,
.PaymentOrderV4 .transaction-filter-inner .buttons-wrapper .debt-btn.active {
  background-color: #52ae30;
  color: white;
}
.FXTrading .transaction-filter-inner .buttons-wrapper .debt-btn .title,
.PaymentTransferV2 .transaction-filter-inner .buttons-wrapper .debt-btn .title,
.CardPayment .transaction-filter-inner .buttons-wrapper .debt-btn .title,
.PaymentOrderV2 .transaction-filter-inner .buttons-wrapper .debt-btn .title,
.PaymentOrderV4 .transaction-filter-inner .buttons-wrapper .debt-btn .title {
  display: block;
  position: relative;
  top: 0;
  padding: 0;
  left: 0;
  font-size: 11px;
  line-height: 1.2;
  pointer-events: none;
}
.FXTrading .transaction-filter-inner .buttons-wrapper .debt-btn .amount,
.PaymentTransferV2 .transaction-filter-inner .buttons-wrapper .debt-btn .amount,
.CardPayment .transaction-filter-inner .buttons-wrapper .debt-btn .amount,
.PaymentOrderV2 .transaction-filter-inner .buttons-wrapper .debt-btn .amount,
.PaymentOrderV4 .transaction-filter-inner .buttons-wrapper .debt-btn .amount {
  display: block;
  font-size: 14px;
  pointer-events: none;
}
.FXTrading .user-account-info-cards-wrapper,
.PaymentTransferV2 .user-account-info-cards-wrapper,
.CardPayment .user-account-info-cards-wrapper,
.PaymentOrderV2 .user-account-info-cards-wrapper,
.PaymentOrderV4 .user-account-info-cards-wrapper {
  margin-bottom: 70px;
}
.FXTrading .user-account-card-outer,
.PaymentTransferV2 .user-account-card-outer,
.CardPayment .user-account-card-outer,
.PaymentOrderV2 .user-account-card-outer,
.PaymentOrderV4 .user-account-card-outer {
  width: 100%;
}
.FXTrading .user-account-card-outer .user-account-card,
.PaymentTransferV2 .user-account-card-outer .user-account-card,
.CardPayment .user-account-card-outer .user-account-card,
.PaymentOrderV2 .user-account-card-outer .user-account-card,
.PaymentOrderV4 .user-account-card-outer .user-account-card {
  border-radius: 16px;
  padding: 35px 40px;
}
.FXTrading .user-account-card-outer .user-account-card .account-intro-inner,
.PaymentTransferV2 .user-account-card-outer .user-account-card .account-intro-inner,
.CardPayment .user-account-card-outer .user-account-card .account-intro-inner,
.PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner,
.PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner {
  width: 100%;
}
.FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance small,
.PaymentTransferV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance small,
.CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance small,
.PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance small,
.PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance small {
  display: inline;
  color: #B8BAC4;
  font-weight: 600;
  font-size: 15px;
}
.FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance h2,
.PaymentTransferV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance h2,
.CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance h2,
.PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance h2,
.PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance h2 {
  display: inline;
}
.FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title,
.PaymentTransferV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title,
.CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title,
.PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title,
.PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title {
  padding-left: 40px;
  width: 50%;
}
.FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text,
.PaymentTransferV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text,
.CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text,
.PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text,
.PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text {
  width: calc(100% - 80px);
  padding-left: 16px;
}
.FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.accounts,
.PaymentTransferV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.accounts,
.CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.accounts,
.PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.accounts,
.PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.accounts {
  width: 50px;
  height: 50px;
  /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);*/
  overflow: hidden;
  /*background-image: url(images/icons/home-acc-pic.jpg); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.FXTrading .user-account-card-outer .user-account-card .account-detail-menu,
.PaymentTransferV2 .user-account-card-outer .user-account-card .account-detail-menu,
.CardPayment .user-account-card-outer .user-account-card .account-detail-menu,
.PaymentOrderV2 .user-account-card-outer .user-account-card .account-detail-menu,
.PaymentOrderV4 .user-account-card-outer .user-account-card .account-detail-menu {
  width: 100px;
  padding-right: 40px;
}
.FXTrading .user-account-card-outer .user-account-card .account-detail-menu .account-detail-arrow,
.PaymentTransferV2 .user-account-card-outer .user-account-card .account-detail-menu .account-detail-arrow,
.CardPayment .user-account-card-outer .user-account-card .account-detail-menu .account-detail-arrow,
.PaymentOrderV2 .user-account-card-outer .user-account-card .account-detail-menu .account-detail-arrow,
.PaymentOrderV4 .user-account-card-outer .user-account-card .account-detail-menu .account-detail-arrow {
  fill: rgb(82, 174, 48);
  width: 8px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.FXTrading .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn,
.PaymentTransferV2 .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn,
.CardPayment .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn,
.PaymentOrderV2 .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn,
.PaymentOrderV4 .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #DCDCDC;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  background-color: rgb(239, 239, 239);
}
.FXTrading .user-account-card-outer .wrapper,
.PaymentTransferV2 .user-account-card-outer .wrapper,
.CardPayment .user-account-card-outer .wrapper,
.PaymentOrderV2 .user-account-card-outer .wrapper,
.PaymentOrderV4 .user-account-card-outer .wrapper {
  width: -webkit-calc(100% - 160px);
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img,
.CardPayment .user-account-card-outer .wrapper.account-card-img,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img {
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  width: 100%;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img:hover,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img:hover,
.CardPayment .user-account-card-outer .wrapper.account-card-img:hover,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img:hover,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img:hover {
  background-color: #F5F5F5 !important;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img:hover .profile-text-arrow,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img:hover .profile-text-arrow,
.CardPayment .user-account-card-outer .wrapper.account-card-img:hover .profile-text-arrow,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img:hover .profile-text-arrow,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img:hover .profile-text-arrow {
  -webkit-transform: translate(10px);
  transform: translate(10px);
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .user-account-card-img,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .user-account-card-img,
.CardPayment .user-account-card-outer .wrapper.account-card-img .user-account-card-img,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .user-account-card-img,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .user-account-card-img {
  display: none;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5,
.CardPayment .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5 {
  display: block;
  background-image: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5 svg,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5 svg,
.CardPayment .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5 svg,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5 svg,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5 svg {
  width: 24px;
  height: 19px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .profile-text-arrow,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .profile-text-arrow,
.CardPayment .user-account-card-outer .wrapper.account-card-img .profile-text-arrow,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .profile-text-arrow,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .profile-text-arrow {
  display: block;
  fill: #C7C7C7;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  width: 7px;
  height: 12px;
  right: 1px;
  position: relative;
  top: -10px;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .account-detail-menu,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .account-detail-menu,
.CardPayment .user-account-card-outer .wrapper.account-card-img .account-detail-menu,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-detail-menu,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-detail-menu {
  display: none;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .account-intro-inner,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner,
.CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-intro-inner {
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  padding: 15px 95px 15px 0px;
  border-bottom: 1px solid #DCDCDC;
  width: 100%;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
.CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title {
  padding-left: 40px;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .account-intro-inner .account-card-text,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .account-card-text,
.CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner .account-card-text,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .account-card-text,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .account-card-text {
  padding-left: 20px;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .account-intro-inner.lastBorder,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner.lastBorder,
.CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner.lastBorder,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner.lastBorder,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-intro-inner.lastBorder {
  border-bottom: none !important;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .account-card-text h2,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .account-card-text h2,
.CardPayment .user-account-card-outer .wrapper.account-card-img .account-card-text h2,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-card-text h2,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-card-text h2 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 20px;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance h2,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance h2,
.CardPayment .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance h2,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance h2,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance h2 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 20px;
  display: inline;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance small,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance small,
.CardPayment .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance small,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance small,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance small {
  display: inline;
  color: #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: 32px;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right svg,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right svg,
.CardPayment .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right svg,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right svg,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right svg {
  display: inline-block;
}
.FXTrading .user-account-card-outer .wrapper.account-card-img.selected,
.PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img.selected,
.CardPayment .user-account-card-outer .wrapper.account-card-img.selected,
.PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img.selected,
.PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img.selected {
  background-image: linear-gradient(to bottom, rgba(54, 57, 164, 0.1), rgba(0, 0, 0, 0));
  margin-top: 40px;
}

.rateData .accountDetailsPopup,
.transferData .accountDetailsPopup,
.transferSuccess .accountDetailsPopup,
.exchangeDetails .accountDetailsPopup,
.intrabankData .accountDetailsPopup,
.intrabankDataSuccess .accountDetailsPopup,
.newTemplate .accountDetailsPopup {
  height: 89vh !important;
  padding-top: 0 !important;
}
.rateData .accountDetailsPopup .read-messages-list .all-account-popup-title,
.transferData .accountDetailsPopup .read-messages-list .all-account-popup-title,
.transferSuccess .accountDetailsPopup .read-messages-list .all-account-popup-title,
.exchangeDetails .accountDetailsPopup .read-messages-list .all-account-popup-title,
.intrabankData .accountDetailsPopup .read-messages-list .all-account-popup-title,
.intrabankDataSuccess .accountDetailsPopup .read-messages-list .all-account-popup-title,
.newTemplate .accountDetailsPopup .read-messages-list .all-account-popup-title {
  padding: 0 !important;
  margin: 30px 0;
}
.rateData .accountDetailsPopup .read-messages-list .all-account-popup-title.template,
.transferData .accountDetailsPopup .read-messages-list .all-account-popup-title.template,
.transferSuccess .accountDetailsPopup .read-messages-list .all-account-popup-title.template,
.exchangeDetails .accountDetailsPopup .read-messages-list .all-account-popup-title.template,
.intrabankData .accountDetailsPopup .read-messages-list .all-account-popup-title.template,
.intrabankDataSuccess .accountDetailsPopup .read-messages-list .all-account-popup-title.template,
.newTemplate .accountDetailsPopup .read-messages-list .all-account-popup-title.template {
  margin-top: 0 !important;
}
.rateData .accountDetailsPopup .read-messages-list .all-account-popup-title h3,
.transferData .accountDetailsPopup .read-messages-list .all-account-popup-title h3,
.transferSuccess .accountDetailsPopup .read-messages-list .all-account-popup-title h3,
.exchangeDetails .accountDetailsPopup .read-messages-list .all-account-popup-title h3,
.intrabankData .accountDetailsPopup .read-messages-list .all-account-popup-title h3,
.intrabankDataSuccess .accountDetailsPopup .read-messages-list .all-account-popup-title h3,
.newTemplate .accountDetailsPopup .read-messages-list .all-account-popup-title h3 {
  margin: 0 auto !important;
}
.rateData .accountDetailsPopup .account-item-inner.optiscroll,
.transferData .accountDetailsPopup .account-item-inner.optiscroll,
.transferSuccess .accountDetailsPopup .account-item-inner.optiscroll,
.exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll,
.intrabankData .accountDetailsPopup .account-item-inner.optiscroll,
.intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll,
.newTemplate .accountDetailsPopup .account-item-inner.optiscroll {
  height: 100% !important;
  position: relative;
}
.rateData .accountDetailsPopup .account-item-inner.optiscroll.recDialog,
.transferData .accountDetailsPopup .account-item-inner.optiscroll.recDialog,
.transferSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog,
.exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll.recDialog,
.intrabankData .accountDetailsPopup .account-item-inner.optiscroll.recDialog,
.intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog,
.newTemplate .accountDetailsPopup .account-item-inner.optiscroll.recDialog {
  height: calc(100% - 200px) !important;
}
.rateData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll,
.transferData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll,
.transferSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll,
.exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll,
.intrabankData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll,
.intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll,
.newTemplate .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll {
  overflow-y: auto !important;
}
.rateData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden,
.transferData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden,
.transferSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden,
.exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden,
.intrabankData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden,
.intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden,
.newTemplate .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden {
  overflow-y: hidden !important;
}
.rateData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar,
.transferData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar,
.transferSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar,
.exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar,
.intrabankData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar,
.intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar,
.newTemplate .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar {
  background: white;
  width: 5px;
}
.rateData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track,
.transferData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track,
.transferSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track,
.exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track,
.intrabankData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track,
.intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track,
.newTemplate .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track {
  top: 20px;
  background: white;
}
.rateData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb,
.transferData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb,
.transferSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb,
.exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb,
.intrabankData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb,
.intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb,
.newTemplate .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb {
  background-color: #52ae30;
  border-radius: 5px;
  width: 4px;
}
.rateData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll,
.transferData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll,
.transferSuccess .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll,
.exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll,
.intrabankData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll,
.intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll,
.newTemplate .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll {
  height: 100% !important;
  display: block;
  padding-right: 25px !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
}
.rateData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden,
.transferData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden,
.transferSuccess .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden,
.exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden,
.intrabankData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden,
.intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden,
.newTemplate .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden {
  overflow: hidden !important;
}
.rateData .accountDetailsPopup .popup-btn-wrapper,
.transferData .accountDetailsPopup .popup-btn-wrapper,
.transferSuccess .accountDetailsPopup .popup-btn-wrapper,
.exchangeDetails .accountDetailsPopup .popup-btn-wrapper,
.intrabankData .accountDetailsPopup .popup-btn-wrapper,
.intrabankDataSuccess .accountDetailsPopup .popup-btn-wrapper,
.newTemplate .accountDetailsPopup .popup-btn-wrapper {
  position: relative;
  padding: 0 40px;
  padding-bottom: 50px !important;
}
.rateData .accountDetailsPopup .popup-btn-wrapper a,
.transferData .accountDetailsPopup .popup-btn-wrapper a,
.transferSuccess .accountDetailsPopup .popup-btn-wrapper a,
.exchangeDetails .accountDetailsPopup .popup-btn-wrapper a,
.intrabankData .accountDetailsPopup .popup-btn-wrapper a,
.intrabankDataSuccess .accountDetailsPopup .popup-btn-wrapper a,
.newTemplate .accountDetailsPopup .popup-btn-wrapper a {
  width: 36%;
}
.rateData .accountDetailsPopup .popup-btn-wrapper a:nth-child(2),
.transferData .accountDetailsPopup .popup-btn-wrapper a:nth-child(2),
.transferSuccess .accountDetailsPopup .popup-btn-wrapper a:nth-child(2),
.exchangeDetails .accountDetailsPopup .popup-btn-wrapper a:nth-child(2),
.intrabankData .accountDetailsPopup .popup-btn-wrapper a:nth-child(2),
.intrabankDataSuccess .accountDetailsPopup .popup-btn-wrapper a:nth-child(2),
.newTemplate .accountDetailsPopup .popup-btn-wrapper a:nth-child(2) {
  color: white !important;
}

.Forms_ActiveWorkflowListSOG .transaction-calendar,
.FXTrading .transaction-calendar,
.PaymentTransferV2 .transaction-calendar,
.CardPayment .transaction-calendar,
.PaymentOrderV2 .transaction-calendar,
.PaymentOrderV4 .transaction-calendar {
  position: relative;
}
.Forms_ActiveWorkflowListSOG .transaction-calendar .input-1,
.FXTrading .transaction-calendar .input-1,
.PaymentTransferV2 .transaction-calendar .input-1,
.CardPayment .transaction-calendar .input-1,
.PaymentOrderV2 .transaction-calendar .input-1,
.PaymentOrderV4 .transaction-calendar .input-1 {
  padding-left: 16px;
  padding-bottom: 0;
  padding-top: 0;
  padding-right: 0;
}
.Forms_ActiveWorkflowListSOG .transaction-calendar img,
.FXTrading .transaction-calendar img,
.PaymentTransferV2 .transaction-calendar img,
.CardPayment .transaction-calendar img,
.PaymentOrderV2 .transaction-calendar img,
.PaymentOrderV4 .transaction-calendar img {
  width: 18px;
  height: 18px;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
}

.payment-calendar {
  width: 600px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.payment-calendar#ui-datepicker-div {
  background: white !important;
  top: 1029px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.12);
}
.payment-calendar .ui-widget-header {
  background: white !important;
}
.payment-calendar .ui-datepicker-calendar td a {
  margin: 0 auto;
}

.testClass {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-image: url("images/icons/error-icon.png");
}

.height-fit {
  height: fit-content !important;
}

.width-fit {
  width: fit-content !important;
}

.transferSuccess .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.exchangeDetails .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.intrabankDataSuccess .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper,
.newTemplate .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper {
  background-image: none;
}
.transferSuccess .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper svg,
.exchangeDetails .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper svg,
.intrabankDataSuccess .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper svg,
.newTemplate .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper svg {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.transferSuccess .read-messages-list a,
.exchangeDetails .read-messages-list a,
.intrabankDataSuccess .read-messages-list a,
.newTemplate .read-messages-list a {
  color: rgba(0, 0, 0, 0.87) !important;
}
.transferSuccess .read-messages-list .dot-menu,
.exchangeDetails .read-messages-list .dot-menu,
.intrabankDataSuccess .read-messages-list .dot-menu,
.newTemplate .read-messages-list .dot-menu {
  top: unset;
  right: unset;
  position: relative;
  transform: none;
}
.transferSuccess .read-messages-list .transaction-popup-option p,
.exchangeDetails .read-messages-list .transaction-popup-option p,
.intrabankDataSuccess .read-messages-list .transaction-popup-option p,
.newTemplate .read-messages-list .transaction-popup-option p {
  width: calc(100% - 100px) !important;
  padding: 0 25px 35px 16px;
}
.transferSuccess .read-messages-list .transaction-popup-option p svg,
.exchangeDetails .read-messages-list .transaction-popup-option p svg,
.intrabankDataSuccess .read-messages-list .transaction-popup-option p svg,
.newTemplate .read-messages-list .transaction-popup-option p svg {
  float: right;
}
.transferSuccess .accountDetailsPopup .popup-btn-wrapper a,
.exchangeDetails .accountDetailsPopup .popup-btn-wrapper a,
.intrabankDataSuccess .accountDetailsPopup .popup-btn-wrapper a,
.newTemplate .accountDetailsPopup .popup-btn-wrapper a {
  width: 100%;
  color: white !important;
}
.transferSuccess .account-item-inner.optiscroll .account-inter-inner-scroll,
.exchangeDetails .account-item-inner.optiscroll .account-inter-inner-scroll,
.intrabankDataSuccess .account-item-inner.optiscroll .account-inter-inner-scroll,
.newTemplate .account-item-inner.optiscroll .account-inter-inner-scroll {
  overflow-y: scroll !important;
}

.transactionDetails .TransactionDetails .account-item-inner.optiscroll,
.intrabankTransferDetail .TransactionDetails .account-item-inner.optiscroll {
  overflow-y: scroll !important;
}

.exchangeDetails .account-item-inner.optiscroll .account-inter-inner-scroll,
.intrabankDataSuccess .account-item-inner.optiscroll .account-inter-inner-scroll,
.newTemplate .account-item-inner.optiscroll .account-inter-inner-scroll {
  overflow-y: hidden !important;
}

.PaymentOrderV2 .checkbox-save,
.PaymentOrderV4 .checkbox-save {
  display: inline;
  position: relative;
}
.PaymentOrderV2 .checkbox-save .checkmark,
.PaymentOrderV4 .checkbox-save .checkmark {
  position: absolute;
  top: 0;
  height: 14px;
  width: 14px;
  border: 2px solid #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 0.3s;
  transition: opacity 0.3s;
}
.PaymentOrderV2 .checkbox-save.checked .checkmark:after,
.PaymentOrderV4 .checkbox-save.checked .checkmark:after {
  opacity: 1;
}
.PaymentOrderV2 .checkbox-save.unchecked .checkmark:after,
.PaymentOrderV4 .checkbox-save.unchecked .checkmark:after {
  opacity: 0;
}
.PaymentOrderV2 .payment-form-checkbox-label,
.PaymentOrderV4 .payment-form-checkbox-label {
  padding-left: 40px !important;
  display: inline !important;
}
.PaymentOrderV2 .templateName,
.PaymentOrderV4 .templateName {
  display: inline;
}
.PaymentOrderV2 .templateName input,
.PaymentOrderV4 .templateName input {
  border: 1px solid #E8E9EC !important;
  padding: 8px !important;
  border-radius: 8px !important;
}
.PaymentOrderV2 .dk-select.select-1,
.PaymentOrderV2 .btnExecute,
.PaymentOrderV4 .dk-select.select-1,
.PaymentOrderV4 .btnExecute {
  cursor: pointer;
  border-radius: 30px !important;
}
.PaymentOrderV2 .transaction-calendar input,
.PaymentOrderV4 .transaction-calendar input {
  cursor: pointer !important;
}
.PaymentOrderV2 .wrapper,
.PaymentOrderV4 .wrapper {
  width: -webkit-calc(100% - 160px);
  width: calc(100% - 0px);
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.PaymentOrderV2 .wrapper.account-card-img,
.PaymentOrderV4 .wrapper.account-card-img {
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.PaymentOrderV2 .wrapper.account-card-img.selected,
.PaymentOrderV4 .wrapper.account-card-img.selected {
  background-image: linear-gradient(to bottom, rgba(54, 57, 164, 0.1), rgba(0, 0, 0, 0));
  margin-top: 40px;
}
.PaymentOrderV2 .wrapper.account-card-img:hover,
.PaymentOrderV4 .wrapper.account-card-img:hover {
  background-color: #F5F5F5 !important;
}
.PaymentOrderV2 .wrapper.account-card-img:hover .profile-text-arrow,
.PaymentOrderV4 .wrapper.account-card-img:hover .profile-text-arrow {
  -webkit-transform: translate(10px);
  transform: translate(10px);
}
.PaymentOrderV2 .wrapper.account-card-img .user-account-card-img,
.PaymentOrderV4 .wrapper.account-card-img .user-account-card-img {
  display: none;
}
.PaymentOrderV2 .wrapper.account-card-img .user-account-card-img.background-5,
.PaymentOrderV4 .wrapper.account-card-img .user-account-card-img.background-5 {
  display: block;
  background-image: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.PaymentOrderV2 .wrapper.account-card-img .user-account-card-img.background-5 svg,
.PaymentOrderV4 .wrapper.account-card-img .user-account-card-img.background-5 svg {
  width: 24px;
  height: 19px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.PaymentOrderV2 .wrapper.account-card-img .profile-text-arrow,
.PaymentOrderV4 .wrapper.account-card-img .profile-text-arrow {
  display: block;
  fill: #C7C7C7;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 6%;
}
.PaymentOrderV2 .wrapper.account-card-img .account-detail-menu,
.PaymentOrderV4 .wrapper.account-card-img .account-detail-menu {
  display: none;
}
.PaymentOrderV2 .wrapper.account-card-img .account-intro-inner,
.PaymentOrderV4 .wrapper.account-card-img .account-intro-inner {
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  padding: 15px 95px 15px 0px;
  border-bottom: 1px solid #DCDCDC;
  width: 100%;
}
.PaymentOrderV2 .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
.PaymentOrderV4 .wrapper.account-card-img .account-intro-inner .accounts-intro-title {
  padding-left: 40px;
}
.PaymentOrderV2 .wrapper.account-card-img .account-intro-inner .account-card-text,
.PaymentOrderV4 .wrapper.account-card-img .account-intro-inner .account-card-text {
  padding-left: 20px;
}
.PaymentOrderV2 .wrapper.account-card-img .account-intro-inner.lastBorder,
.PaymentOrderV4 .wrapper.account-card-img .account-intro-inner.lastBorder {
  border-bottom: none !important;
}
.PaymentOrderV2 .wrapper.account-card-img .account .account-card-text h2,
.PaymentOrderV4 .wrapper.account-card-img .account .account-card-text h2 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 20px;
}
.PaymentOrderV2 .wrapper.account-card-img .accounts-intro-balance h2,
.PaymentOrderV4 .wrapper.account-card-img .accounts-intro-balance h2 {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 20px;
  display: inline;
}
.PaymentOrderV2 .wrapper.account-card-img .accounts-intro-balance small,
.PaymentOrderV4 .wrapper.account-card-img .accounts-intro-balance small {
  display: inline;
  color: #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 0.5s;
  margin-top: 75px;
  max-width: 600px !important;
}
.FXTrading .transaction-filter-inner .btn-2:hover,
.CardPayment .transaction-filter-inner .btn-2:hover,
.PaymentTransferV2 .transaction-filter-inner .btn-2:hover {
  background-color: #2A7F00;
  box-shadow: 0 0 14px rgba(54, 60, 164, 0.4);
}
.FXTrading .transaction-filter-inner .btn-2.disabled,
.CardPayment .transaction-filter-inner .btn-2.disabled,
.PaymentTransferV2 .transaction-filter-inner .btn-2.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.FXTrading .transaction-filter-inner .dk-selected,
.CardPayment .transaction-filter-inner .dk-selected,
.PaymentTransferV2 .transaction-filter-inner .dk-selected {
  height: 60px !important;
}
.FXTrading .transaction-filter-inner .dk-selected:after,
.CardPayment .transaction-filter-inner .dk-selected:after,
.PaymentTransferV2 .transaction-filter-inner .dk-selected:after {
  background: url(images/icons/arrow-down1.png) 50% no-repeat !important;
  background-size: 11px !important;
  top: -13px;
  right: 10px !important;
  width: 20px;
  height: 100%;
}
.FXTrading .transaction-filter-inner .input-amount,
.CardPayment .transaction-filter-inner .input-amount,
.PaymentTransferV2 .transaction-filter-inner .input-amount {
  padding: 23px 0px 5px 24px;
  font-size: 15px;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  height: 22px;
  border: 1px solid #dcdcdc;
}
.FXTrading .transaction-filter-inner .input-amount.borderError,
.CardPayment .transaction-filter-inner .input-amount.borderError,
.PaymentTransferV2 .transaction-filter-inner .input-amount.borderError {
  border: 1px solid red;
}
.FXTrading .transaction-filter-inner .input-amount.disabled,
.CardPayment .transaction-filter-inner .input-amount.disabled,
.PaymentTransferV2 .transaction-filter-inner .input-amount.disabled {
  background: rgb(239, 239, 239);
  pointer-events: none;
  color: gray;
  cursor: not-allowed;
}
.FXTrading .transaction-filter-inner label,
.CardPayment .transaction-filter-inner label,
.PaymentTransferV2 .transaction-filter-inner label {
  position: absolute;
  top: 8px;
  left: 24px;
  padding: 0 24px 0 0;
  z-index: 1;
}
.FXTrading .transaction-filter-inner label.txt,
.CardPayment .transaction-filter-inner label.txt,
.PaymentTransferV2 .transaction-filter-inner label.txt {
  color: #52ae30;
  font-size: 12px;
  z-index: 4;
}
.FXTrading .transaction-filter-inner label.zIndex,
.CardPayment .transaction-filter-inner label.zIndex,
.PaymentTransferV2 .transaction-filter-inner label.zIndex {
  z-index: 11;
}
.FXTrading .transaction-filter-inner label.debt-repayment,
.CardPayment .transaction-filter-inner label.debt-repayment,
.PaymentTransferV2 .transaction-filter-inner label.debt-repayment {
  font-size: 12px;
}
.FXTrading .transaction-filter-inner .amount-currency,
.CardPayment .transaction-filter-inner .amount-currency,
.PaymentTransferV2 .transaction-filter-inner .amount-currency {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper {
  padding: 24px 0 5px 24px;
  border: 1px solid #dcdcdc !important;
  border: none;
  border-radius: 30px;
  width: 97%;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper.txt,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper.txt,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper.txt {
  padding-top: 17px !important;
  position: absolute;
  z-index: 3;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper.debt-repayment,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper.debt-repayment,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper.debt-repayment {
  padding-top: 17px;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-balance,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-balance,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-balance {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options {
  width: calc(100% + 24px);
  top: 100%;
  left: -24px;
  margin-top: -35px;
  position: relative;
  box-shadow: none;
  overflow: auto;
  padding: 0;
  margin-top: 5px;
  max-height: 165px;
  border-top: 2px solid #52AE30 !important;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar {
  background: white;
  width: 5px;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track {
  top: 20px;
  background: white;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb {
  background-color: #52ae30;
  border-radius: 5px;
  width: 4px;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected {
  top: 5px;
  background-color: transparent;
  border-radius: 0 30px 30px 0;
  transform: none !important;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.debt-repayment,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.debt-repayment,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.debt-repayment {
  height: fit-content !important;
  margin-bottom: 7px;
}
.FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected p,
.CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected p,
.PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected p {
  margin-bottom: 0px;
}
.FXTrading .account-custom-name,
.CardPayment .account-custom-name,
.PaymentTransferV2 .account-custom-name {
  margin-bottom: 0px !important;
}
.FXTrading .accounts-intro-balance,
.CardPayment .accounts-intro-balance,
.PaymentTransferV2 .accounts-intro-balance {
  margin-left: 210px;
}
.FXTrading .focusin,
.CardPayment .focusin,
.PaymentTransferV2 .focusin {
  border: 1px solid #52AE30 !important;
}

.bold {
  font-weight: bold;
}
.bold.semibold {
  font-family: "Source-Sans-Pro-semibold", "sans-serif" !important;
}

.height-fit-content {
  height: fit-content !important;
}

.hidden {
  overflow: hidden !important;
}

#accountBalanceDomesticTemplate {
  /*.transaction-popup-details-wrapper.templateWrapper {
      height: 70vh !important;
  }*/
}
#accountBalanceDomesticTemplate .swift-ico {
  background-image: url("images/icons/swiftinstructions.png");
  background-size: 20px;
  top: 52%;
  left: 46%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
  transition: all 0.5s;
}
#accountBalanceDomesticTemplate .dot-menu.element-border-3:hover .swift-ico {
  filter: invert(1);
}
#accountBalanceDomesticTemplate .popup-btn-wrapper {
  width: calc(100% - 80px);
  bottom: 20px;
  position: absolute;
  z-index: 5 !important;
}
#accountBalanceDomesticTemplate .buttons-beneficaries {
  bottom: 0px !important;
}

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

#TravelInsuranceUniqaTemplate .read-messages-list,
#TravelInsuranceEndowmentTemplate .read-messages-list,
#TravelInsuranceTemplate .read-messages-list,
#accountBalanceDomesticTemplate .read-messages-list {
  box-shadow: none;
  height: 98vh !important;
}
#TravelInsuranceUniqaTemplate .read-messages-list.payment,
#TravelInsuranceEndowmentTemplate .read-messages-list.payment,
#TravelInsuranceTemplate .read-messages-list.payment,
#accountBalanceDomesticTemplate .read-messages-list.payment {
  height: 111vh !important;
}
@media (max-height: 860px) {
  #TravelInsuranceUniqaTemplate .read-messages-list.payment,
  #TravelInsuranceEndowmentTemplate .read-messages-list.payment,
  #TravelInsuranceTemplate .read-messages-list.payment,
  #accountBalanceDomesticTemplate .read-messages-list.payment {
    height: 115vh !important;
  }
}
#TravelInsuranceUniqaTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper,
#TravelInsuranceEndowmentTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper,
#TravelInsuranceTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper,
#accountBalanceDomesticTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper {
  width: 80px;
  height: 63px;
  margin: 0 auto 24px;
  border-radius: unset;
  box-shadow: none;
}
#TravelInsuranceUniqaTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper svg,
#TravelInsuranceEndowmentTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper svg,
#TravelInsuranceTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper svg,
#accountBalanceDomesticTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper svg {
  width: 100%;
  height: 100%;
  fill: #52AE30;
  stroke: #52AE30;
}
#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: "Source-Sans-Pro-bold", 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: 25px;
  background-color: rgb(255, 255, 255);
  color: #52AE30;
  border: none;
  font-weight: bold;
  font-size: 14px;
  transition: all 0.5s ease;
}
#TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.template,
#TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.template,
#TravelInsuranceTemplate .popup-btn-wrapper .btn-2.template,
#accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.template {
  width: 140px !important;
  font-family: "Source-Sans-Pro-bold", "sans-serif";
  font-size: 15px;
}
#TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.backToHome,
#TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.backToHome,
#TravelInsuranceTemplate .popup-btn-wrapper .btn-2.backToHome,
#accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.backToHome {
  background: #52AE30;
  box-shadow: 0 8px 24px rgba(54, 60, 164, 0.004);
  width: 100% !important;
}
#TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.backToHome:hover,
#TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.backToHome:hover,
#TravelInsuranceTemplate .popup-btn-wrapper .btn-2.backToHome:hover,
#accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.backToHome:hover {
  background: #2a7f00;
}
#TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.confirm,
#TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.confirm,
#TravelInsuranceTemplate .popup-btn-wrapper .btn-2.confirm,
#accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.confirm {
  background-color: #52AE30;
  color: rgb(255, 255, 255);
}
#TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.confirm.fxt,
#TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.confirm.fxt,
#TravelInsuranceTemplate .popup-btn-wrapper .btn-2.confirm.fxt,
#accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.confirm.fxt {
  width: 100% !important;
}
#TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.confirm:hover,
#TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.confirm:hover,
#TravelInsuranceTemplate .popup-btn-wrapper .btn-2.confirm:hover,
#accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.confirm:hover {
  background-color: #2a7f00 !important;
}
#TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-shadow-1,
#TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-shadow-1,
#TravelInsuranceTemplate .popup-btn-wrapper .btn-shadow-1,
#accountBalanceDomesticTemplate .popup-btn-wrapper .btn-shadow-1 {
  transition: all 0.5s;
}
#TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-shadow-1:hover,
#TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-shadow-1:hover,
#TravelInsuranceTemplate .popup-btn-wrapper .btn-shadow-1:hover,
#accountBalanceDomesticTemplate .popup-btn-wrapper .btn-shadow-1:hover {
  background-color: #2A7F00;
  box-shadow: 0 0 14px rgba(54, 60, 164, 0.4);
}
#TravelInsuranceUniqaTemplate .popup-btn-wrapper.center,
#TravelInsuranceEndowmentTemplate .popup-btn-wrapper.center,
#TravelInsuranceTemplate .popup-btn-wrapper.center,
#accountBalanceDomesticTemplate .popup-btn-wrapper.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
#TravelInsuranceUniqaTemplate .popup-btn-wrapper.center a,
#TravelInsuranceEndowmentTemplate .popup-btn-wrapper.center a,
#TravelInsuranceTemplate .popup-btn-wrapper.center a,
#accountBalanceDomesticTemplate .popup-btn-wrapper.center a {
  width: 100% !important;
}

#TravelInsuranceTemplate .validation_message {
  left: 25px;
  top: 53px;
  height: 20px;
  opacity: 0;
  color: red;
  font-size: 15px;
  position: absolute;
}
#TravelInsuranceTemplate .intrabank-wrapper.with-label-inside.margin-3.borderError input {
  border-color: red;
}
#TravelInsuranceTemplate .intrabank-wrapper.with-label-inside.margin-3.borderError .validation_message {
  opacity: 1;
}

.PaymentOrderV2 .otp-insurance-debt-payment .creditorName,
.PaymentOrderV2 .otp-insurance-debt-payment .creditorAddress,
.PaymentOrderV2 .otp-insurance-debt-payment .creditorModel,
.PaymentOrderV2 .otp-insurance-debt-payment .creditorCity,
.PaymentOrderV2 .otp-insurance-debt-payment .creditAccount,
.PaymentOrderV2 .otp-insurance-debt-payment .paymentCode,
.PaymentOrderV2 .otp-insurance-debt-payment .pbo,
.PaymentOrderV2 .otp-insurance-debt-payment .dateInput {
  border: 2px solid #DCDCDC;
  color: #989898;
  background-color: #F1F1F1;
  pointer-events: none !important;
  cursor: default !important;
}
.PaymentOrderV2 .otp-insurance-debt-payment .inside-div-model-left,
.PaymentOrderV2 .otp-insurance-debt-payment .label-inside-custom-select,
.PaymentOrderV2 .otp-insurance-debt-payment .inside-div-model-right {
  cursor: default !important;
}
.PaymentOrderV2 .otp-insurance-debt-payment .creditorName-wrapper svg,
.PaymentOrderV2 .otp-insurance-debt-payment .creditorName-wrapper a,
.PaymentOrderV2 .otp-insurance-debt-payment .paymentCode svg,
.PaymentOrderV2 .otp-insurance-debt-payment .paymentCode a {
  display: none !important;
}

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

.no-yes-dialog.OTPDialog .ui-dialog-buttonset button:nth-child(1) {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}
.no-yes-dialog.OTPDialog .ui-dialog-buttonset button:nth-child(1):hover {
  background-color: #E8E9EC !important;
}
.no-yes-dialog.OTPDialog .ui-dialog-buttonset button:nth-child(2) {
  background-color: #52AE30 !important;
  color: #FFFFFF !important;
}
.no-yes-dialog.OTPDialog .ui-dialog-buttonset button:nth-child(2):hover {
  background-color: #2A7F00 !important;
}

.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: rgba(0, 0, 0, 0.87) !important;
  border: none !important;
  background: #EFEFEF !important;
}
.SMSDialog .ui-dialog-titlebar {
  background: transparent;
  border: none;
  text-align: center;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  color: rgba(0, 0, 0, 0.87);
  font-weight: normal;
  font-size: 20px;
  margin-top: -10px;
}
.SMSDialog .ui-dialog-titlebar:before {
  content: "";
  width: 40px;
  height: 6px;
  background: #52ae30;
  border-radius: 4px;
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -20px;
}
.SMSDialog .ui-dialog-titlebar span {
  margin-bottom: 30px;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 24px;
  text-align: center !important;
  float: none !important;
  white-space: break-spaces;
}
.SMSDialog .ui-dialog-titlebar-close {
  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: 3%;
  display: inline-block;
  font-size: 15px;
  padding: 14px 28px;
  border: none !important;
  text-align: center;
  transition: background-color 0.5s;
  border-radius: 25px;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  margin-bottom: -25px;
}
.SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1) {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}
.SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1):hover {
  background-color: #E8E9EC !important;
}
.SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2) {
  background-color: #52AE30 !important;
  color: #FFFFFF !important;
}
.SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2):hover {
  background-color: #2A7F00 !important;
}
.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 #52AE30 !important;
}
.SMSDialog .SMSmessage {
  margin-bottom: 20px;
  display: block;
  margin-top: -25px;
  font-family: "Source-Sans-Pro", sans-serif !important;
}

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

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

.MessageHubNotificationList {
  padding-bottom: 100px;
}
.MessageHubNotificationList .account-statements-info-wrapper {
  border-bottom: 1px solid #C7C7C7;
}
.MessageHubNotificationList .show-per-page .page-text-2 {
  padding-right: 16px;
}
.MessageHubNotificationList .credit-type-select-wrapper {
  height: 40px;
  background-color: transparent;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select {
  padding: 10px 35px 10px 16px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 25px;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select .acc-number {
  color: #C7C7C7;
  font-size: 15px;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-selected {
  border: none;
  border-radius: 0;
  padding: 0;
  position: relative;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-selected:after {
  content: "";
  display: block;
  width: 9px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -20px;
  background-size: 9px;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options {
  border-radius: 0;
  position: relative;
  box-shadow: none;
  display: none;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options li {
  padding: 16px 0;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options li:last-child {
  padding-top: 0;
  padding-bottom: 6px;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected {
  background: transparent;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options.perPage {
  border-top: 2px solid #52ae30;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li {
  margin: 0;
  padding: 0;
  padding: 10px 35px 10px 16px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover {
  background-color: whitesmoke;
  border-color: #dcdcdc;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected {
  background: transparent;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select.perPage {
  padding: 0;
  overflow: hidden;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select.perPage .dk-selected {
  padding: 10px 35px 10px 16px;
}
.MessageHubNotificationList .credit-type-select-wrapper .dk-select.perPage .dk-selected:after {
  right: 15px;
}

.newTemplate .input-select-1 .validationMessage {
  top: 15px !important;
  left: -15px !important;
  position: relative !important;
}
.newTemplate .credit-type-select-wrapper {
  padding: 17px 30px 17px 16px;
  border: 1px solid #E8E9EC;
}
.newTemplate .credit-type-select-wrapper .dk-select .custom-name {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
}
.newTemplate .credit-type-select-wrapper .dk-select .acc-number {
  color: #C7C7C7;
  font-size: 15px;
}
.newTemplate .credit-type-select-wrapper .dk-select .dk-selected {
  border: none;
  border-radius: 0;
  padding: 0;
  position: relative;
}
.newTemplate .credit-type-select-wrapper .dk-select .dk-selected:after {
  right: 0;
}
.newTemplate .credit-type-select-wrapper .dk-select .dk-select-options {
  width: calc(100% - 46px);
  top: 75%;
  left: -15px;
  margin-top: 17px;
  border-radius: 0;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 0 9px 8px rgba(0, 0, 0, 0.12);
}
.newTemplate .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected {
  background: transparent;
}
.newTemplate .my-account-detail-img-wrapper {
  width: 80px;
  height: 80px;
  margin: auto;
  margin-bottom: 20px;
}
.newTemplate .my-account-detail-img-wrapper .my-account-detail-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.newTemplate .my-account-detail-img-wrapper .my-account-detail-img .beneficiary-default-ico {
  position: absolute;
  width: 33px;
  height: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.newTemplate .my-account-detail-img-wrapper .my-account-detail-img .beneficiary-default-ico.templateAvatar {
  color: rgba(0, 0, 0, 0.54);
}
.newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img {
  position: absolute;
  width: 40px;
  height: 40px;
  right: -10px;
  bottom: -10px;
  display: block;
  border-radius: 50%;
  background-color: #52AE30 !important;
  transition: all 0.5s;
}
.newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img:hover {
  background-color: #2A7F00 !important;
}
.newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img .my-account-img-upload {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 10 !important;
  cursor: pointer;
}
.newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img .cam-ico {
  position: absolute;
  width: 18px;
  height: 15px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  stroke: currentColor;
}
.newTemplate .input-1 {
  padding: 0;
  width: 95%;
  height: 44px;
  padding-left: 16px;
}
.newTemplate .checkbox-save {
  display: inline;
  position: relative;
}
.newTemplate .checkbox-save .checkmark {
  position: absolute;
  top: 0;
  height: 14px;
  width: 14px;
  border: 2px solid #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 0.3s;
  transition: opacity 0.3s;
}
.newTemplate .checkbox-save.checked .checkmark:after {
  opacity: 1;
}
.newTemplate .checkbox-save.unchecked .checkmark:after {
  opacity: 0;
}
.newTemplate .popup-btn-wrapper .cancle-beneficiary:hover {
  background: #E8E9EC !important;
  border-color: #E8E9EC !important;
}
.newTemplate .payment-form-checkbox-wrapper label {
  padding-left: 40px;
}

.PaymentOverviewV2 .s-widget-title {
  margin-top: -32px;
}
.PaymentOverviewV2 table thead tr {
  border-bottom: 1px solid #C7C7C7;
}
.PaymentOverviewV2 table thead th {
  text-align: left !important;
  padding-left: 12px;
}
.PaymentOverviewV2 table thead th:nth-child(2) {
  text-align: center !important;
  padding-left: 0px;
}
.PaymentOverviewV2 table thead th:last-child {
  text-align: right !important;
  padding-right: 15px;
  padding-left: 0px;
}
.PaymentOverviewV2 table thead th:nth-child(7) {
  display: none !important;
}
.PaymentOverviewV2 table tbody:before {
  content: "@";
  display: block;
  line-height: 20px;
  text-indent: -99999px;
}
.PaymentOverviewV2 table tbody tr:first-child {
  border-top: none !important;
}
.PaymentOverviewV2 table tbody tr td:nth-child(2) {
  border-bottom-left-radius: 31px;
  border-top-left-radius: 31px;
  width: 21%;
}
.PaymentOverviewV2 table tbody tr td:nth-child(3) {
  width: 26%;
}
.PaymentOverviewV2 table tbody tr td:nth-child(3) span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  max-width: 355px;
}
.PaymentOverviewV2 table tbody tr td:nth-child(4) {
  width: 30%;
}
.PaymentOverviewV2 table tbody tr td:nth-child(4) span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  max-width: 375px;
}
.PaymentOverviewV2 table tbody tr td:last-child {
  border-bottom-right-radius: 31px;
  border-top-right-radius: 31px;
  text-align: right !important;
}
.PaymentOverviewV2 table tbody tr td .amount-overview {
  display: inline;
  color: rgba(0, 0, 0, 0.87) !important;
  font-family: "Source-Sans-Pro-bold", sans-serif !important;
}
.PaymentOverviewV2 table tbody tr td .currencyTurnover {
  color: rgba(0, 0, 0, 0.54) !important;
  font-family: "Source-Sans-Pro-bold", sans-serif !important;
}
.PaymentOverviewV2 table tbody tr td .status-completed {
  color: #52AE30;
}
.PaymentOverviewV2 table tbody tr td .status-rejected {
  color: #ff435a;
}
.PaymentOverviewV2 table tbody tr td .status-pending {
  color: rgba(0, 0, 0, 0.54);
}
.PaymentOverviewV2 .account-input {
  width: 19% !important;
}
.PaymentOverviewV2 .account-input .dk-select:after {
  content: "";
  display: block;
  width: 9px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 18px;
  background: url(images/icons/arrows-2.png) 50% no-repeat;
  background-size: 9px;
  z-index: 1;
}
.PaymentOverviewV2 .account-input.activeClick .dk-select .dk-selected {
  border-radius: 25px 25px 0 0 !important;
}
.PaymentOverviewV2 .clientGridPager {
  display: flex !important;
}
.PaymentOverviewV2 .focusin {
  border: 1px solid #52AE30;
}
.PaymentOverviewV2 .transaction-filter-inner .dk-selected {
  transform: none !important;
  z-index: 1 !important;
}
.PaymentOverviewV2 .transaction-filter-inner .filterButton {
  box-shadow: none !important;
  right: -35px;
}
.PaymentOverviewV2 .transaction-filter-inner .filterButton button {
  font-size: 15px !important;
  box-shadow: none;
}
.PaymentOverviewV2 .transaction-filter-inner .transaction-filter-box .transaction-filter input {
  padding-left: 15px !important;
  background-color: transparent;
}
.PaymentOverviewV2 .transaction-filter-inner .description .search {
  fill: #C7C7C7;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.PaymentOverviewV2 .transaction-filter-inner .description .input-1 {
  width: 67% !important;
}
.PaymentOverviewV2 .transaction-filter-inner .dk-select-options {
  padding-top: 0px !important;
  margin-top: 28px !important;
  border-radius: 0px 0px 25px 25px !important;
}
.PaymentOverviewV2 .transaction-filter-inner .dk-select-options .dk-option:first-child {
  border-top: 2px solid #52AE30;
}

.AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img {
  display: block !important;
  position: absolute;
  right: 15px;
  width: 18px;
  height: 18px;
}

.PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar {
  padding: 11px 16px;
}

@media only screen and (max-width: 600px) {
  .DigitalBank .wrapper-container .childrens-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .DigitalBank .wrapper-container .childrens-wrapper .childrenList {
    flex-direction: column;
  }
  .DigitalBank .wrapper-container .childrens-wrapper .child {
    width: 100% !important;
    text-align: center;
    max-width: 290px;
  }
}
.DigitalBank {
  max-width: 1210px;
  padding: 0 20px;
  margin: 0 auto;
  padding-bottom: 1px;
  margin-top: 10px;
}
.DigitalBank .title {
  font-family: "Source-Sans-Pro-bold", "sans-serif";
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  border: 0;
}
.DigitalBank .wrapper-container {
  display: grid;
  place-items: center;
}
.DigitalBank .wrapper-container .childrens-wrapper {
  display: flex;
}
.DigitalBank .wrapper-container .childrens-wrapper .childrenList {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.DigitalBank .wrapper-container .childrens-wrapper .child {
  display: inline-block;
  padding: 12px 18px 11px;
  margin: 0 8px 16px;
  border: 1px solid rgba(0, 0, 0, 0.54);
  border-radius: 20px;
  color: rgba(0, 0, 0, 0.54);
  font-family: "Source-Sans-Pro-bold", "sans-serif";
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.02em;
  cursor: pointer;
  height: fit-content;
  transition: color 0.3s, background-color 0.3s, border 0.3s;
  width: fit-content;
}
.DigitalBank .wrapper-container .childrens-wrapper .child:hover {
  border-color: #52ae30;
  color: #52ae30;
}
.DigitalBank .wrapper-container .childrens-wrapper .child.active {
  color: #fff;
  background-color: #52ae30;
  border-color: #52ae30;
  pointer-events: none;
}
.DigitalBank .wrapper-container .childrens-wrapper .child .all {
  opacity: 1;
}
.DigitalBank .items-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 955px;
  width: fit-content;
  margin: auto;
}
.DigitalBank .items-wrapper .item-model {
  width: calc(33.333333% - 18px);
  width: 300px;
  margin: 0 9px 44px;
  max-height: 375px;
  min-height: 330px;
  border-radius: 30px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.12);
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  cursor: pointer;
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper {
  width: 100%;
  height: 50%;
  position: relative;
  max-height: 200px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.54);
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper {
  transition: transform 0.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-50 {
  background-image: url("images/pictures/preapproved_banner.jpg");
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-100 {
  background-image: url("images/pictures/img-100.jpg");
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-200 {
  background-image: url("images/pictures/img-200.jpg");
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-301 {
  background-image: url("images/pictures/img-301.jpg");
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-302 {
  background-image: url("images/pictures/img-302.jpg");
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-350 {
  background-image: url("images/pictures/img-350.jpg");
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-351 {
  background-image: url("images/pictures/img-351.jpg");
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-352 {
  background-image: url("images/pictures/img-352.jpg");
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-500 {
  background-image: url("images/pictures/img-500.jpg");
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-402 {
  background-image: url("images/pictures/img-402.jpg");
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-410 {
  background-image: url("images/pictures/img-410.jpg");
}
.DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-420 {
  background-image: url("images/pictures/img-420.jpg");
}
.DigitalBank .items-wrapper .item-model .promo-card-content {
  padding: 22px 24px;
  background-color: #fff;
  font: inherit;
}
.DigitalBank .items-wrapper .item-model .promo-card-content .parent-model {
  margin-bottom: 0;
  color: #52ae30;
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.DigitalBank .items-wrapper .item-model .promo-card-content .model-title {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Source-Sans-Pro-bold", "sans-serif";
}
.DigitalBank .items-wrapper .item-model .promo-card-content .model-desc {
  color: rgba(0, 0, 0, 0.54);
  font-size: 15px;
  line-height: 1.388888;
  margin-bottom: 0;
  padding: 0;
}
.DigitalBank .items-wrapper .item-model:hover {
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.24);
}
.DigitalBank .items-wrapper .item-model:hover .promo-card-img-wrapper .img-wrapper {
  transform: scale(1.05);
}

#promotionDetailTemplateList {
  margin-top: 25px;
}
#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 .generali-home-logo {
  background-image: url(images/pictures/home-insurance.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: #52AE30;
}
#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: #52AE30;
}
#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: #52AE30;
  width: 40px;
  height: 40px;
  margin-right: 24px;
}
#promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .discount-with-tag .discount-tag-content {
  border-left: 1px dotted rgba(0, 0, 0, 0.54);
  padding-left: 24px;
}
#promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .discount-with-tag .discount-tag-content .text-up {
  color: rgba(0, 0, 0, 0.54);
}
#promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .discount-with-tag .discount-tag-content .text-down {
  color: #52AE30;
  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: #52AE30 !important;
  transform: scale3d(0.9, 0.9, 1);
  left: 12px !important;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.TravelInsuranceUniqaDiv .generali-detail .insuranceBox .intrabank-wrapper:last-child,
.TravelInsuranceEndowmentDiv .generali-detail .insuranceBox .intrabank-wrapper:last-child,
.TravelInsuranceDiv .generali-detail .insuranceBox .intrabank-wrapper:last-child {
  margin-bottom: 0px !important;
}
.TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode,
.TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode,
.TravelInsuranceDiv .generali-detail .wrapperIntraCode {
  width: 100% !important;
}
.TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate,
.TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate,
.TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate {
  width: 100% !important;
}
.TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .animationLabel-2,
.TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .animationLabel-2,
.TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .animationLabel-2 {
  left: 21px !important;
}
.TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template,
.TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template,
.TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template {
  border: none !important;
  border-top: 2px solid #52AE30 !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: #52AE30;
  border-radius: 5px;
  width: 4px;
}
.TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate-2,
.TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate-2,
.TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate-2 {
  height: 89px !important;
}
.TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate.no-scroll,
.TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate.no-scroll,
.TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate.no-scroll {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode.active .wraperOptionsTemplate .dk-selected,
.TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode.active .wraperOptionsTemplate .dk-selected,
.TravelInsuranceDiv .generali-detail .wrapperIntraCode.active .wraperOptionsTemplate .dk-selected {
  border-bottom: 2px solid #52AE30;
}
.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: #52AE30;
}
.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: #52AE30 !important;
}
.TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
.TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
.TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
.TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
.TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
.TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
.TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
.TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
.TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg {
  stroke: #FFFFFF !important;
}
.TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
.TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
.TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
.TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
.TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
.TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
.TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
.TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
.TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
.TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
.TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
.TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
.TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
.TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
.TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
.TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
.TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li {
  margin-left: 5px;
  padding-left: 15px;
}
.TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
.TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
.TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
.TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
.TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
.TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
.TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
.TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
.TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker {
  content: "•";
  color: #52AE30;
  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 .home-insurance-img,
.TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .home-insurance-img,
.TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .home-insurance-img,
.TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .home-insurance-img,
.TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .home-insurance-img,
.TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .home-insurance-img,
.TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .home-insurance-img,
.TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .home-insurance-img,
.TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .home-insurance-img {
  background-image: url("images/pictures/home-insurance-2.png");
}
.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 .transaction-popup-details-wrapper .discount-popup-img-wrapper-home,
.TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper-home,
.TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper-home,
.TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper-home,
.TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper-home,
.TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper-home,
.TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper-home,
.TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper-home,
.TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper-home {
  height: 280px !important;
}
.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: #52AE30;
}
.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: #52AE30 !important;
}
.TravelInsuranceUniqaDiv .popup-btn-wrapper,
.TravelInsuranceEndowmentDiv .popup-btn-wrapper,
.TravelInsuranceDiv .popup-btn-wrapper {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  margin-bottom: 0px !important;
}
.TravelInsuranceUniqaDiv .popup-btn-wrapper.last-btn,
.TravelInsuranceEndowmentDiv .popup-btn-wrapper.last-btn,
.TravelInsuranceDiv .popup-btn-wrapper.last-btn {
  padding-top: 60px !important;
}
.TravelInsuranceUniqaDiv .popup-btn-wrapper .btn-2,
.TravelInsuranceEndowmentDiv .popup-btn-wrapper .btn-2,
.TravelInsuranceDiv .popup-btn-wrapper .btn-2 {
  z-index: 10 !important;
}
.TravelInsuranceUniqaDiv .step-wrapper,
.TravelInsuranceEndowmentDiv .step-wrapper,
.TravelInsuranceDiv .step-wrapper {
  text-align: center;
}
.TravelInsuranceUniqaDiv .step-wrapper .step-circle,
.TravelInsuranceEndowmentDiv .step-wrapper .step-circle,
.TravelInsuranceDiv .step-wrapper .step-circle {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.54);
  border-radius: 50%;
}
.TravelInsuranceUniqaDiv .step-wrapper .step-circle.active,
.TravelInsuranceEndowmentDiv .step-wrapper .step-circle.active,
.TravelInsuranceDiv .step-wrapper .step-circle.active {
  background-color: #52AE30;
  border-color: #52AE30;
}
.TravelInsuranceUniqaDiv .step-wrapper .step-circle.active .step-number,
.TravelInsuranceEndowmentDiv .step-wrapper .step-circle.active .step-number,
.TravelInsuranceDiv .step-wrapper .step-circle.active .step-number {
  color: #FFFFFF;
}
.TravelInsuranceUniqaDiv .step-wrapper .step-circle:not(:last-child),
.TravelInsuranceEndowmentDiv .step-wrapper .step-circle:not(:last-child),
.TravelInsuranceDiv .step-wrapper .step-circle:not(:last-child) {
  margin-right: 24px;
}
.TravelInsuranceUniqaDiv .step-wrapper .step-circle:not(:first-child):after,
.TravelInsuranceEndowmentDiv .step-wrapper .step-circle:not(:first-child):after,
.TravelInsuranceDiv .step-wrapper .step-circle:not(:first-child):after {
  position: absolute;
  content: "";
  width: 28px;
  height: 1px;
  top: 50%;
  left: -29px;
  background-color: rgba(0, 0, 0, 0.54);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.TravelInsuranceUniqaDiv .step-wrapper .step-number,
.TravelInsuranceEndowmentDiv .step-wrapper .step-number,
.TravelInsuranceDiv .step-wrapper .step-number {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 14px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54);
}
.TravelInsuranceUniqaDiv .bottom-line-default,
.TravelInsuranceEndowmentDiv .bottom-line-default,
.TravelInsuranceDiv .bottom-line-default {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
  padding-bottom: 30px;
}
.TravelInsuranceUniqaDiv .btn-1,
.TravelInsuranceEndowmentDiv .btn-1,
.TravelInsuranceDiv .btn-1 {
  background-color: #52AE30;
  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 0.3s;
  transition: opacity 0.3s;
}
.TravelInsuranceUniqaDiv .custom-radio-button,
.TravelInsuranceEndowmentDiv .custom-radio-button,
.TravelInsuranceDiv .custom-radio-button {
  position: relative;
  display: block;
  padding: 18px 15px 17px 46px;
  cursor: pointer;
  background: hsla(0, 0%, 100%, 0.6);
  border-radius: 25px;
}
.TravelInsuranceUniqaDiv .custom-radio-button .custom-radio-input,
.TravelInsuranceEndowmentDiv .custom-radio-button .custom-radio-input,
.TravelInsuranceDiv .custom-radio-button .custom-radio-input {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 1;
}
.TravelInsuranceUniqaDiv .custom-radio-button .custom-radio-input:checked ~ .checkmark:after,
.TravelInsuranceEndowmentDiv .custom-radio-button .custom-radio-input:checked ~ .checkmark:after,
.TravelInsuranceDiv .custom-radio-button .custom-radio-input:checked ~ .checkmark:after {
  opacity: 1;
}
.TravelInsuranceUniqaDiv .custom-radio-button .checkmark,
.TravelInsuranceEndowmentDiv .custom-radio-button .checkmark,
.TravelInsuranceDiv .custom-radio-button .checkmark {
  position: absolute;
  top: 50%;
  left: 14px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 1px solid #E8E9EC;
  background: #FFFFFF;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.TravelInsuranceUniqaDiv .custom-radio-button .checkmark:after,
.TravelInsuranceEndowmentDiv .custom-radio-button .checkmark:after,
.TravelInsuranceDiv .custom-radio-button .checkmark:after {
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #52AE30;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.TravelInsuranceUniqaDiv .custom-radio-button .custom-label,
.TravelInsuranceEndowmentDiv .custom-radio-button .custom-label,
.TravelInsuranceDiv .custom-radio-button .custom-label {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 15px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.87);
  margin: 0;
}
.TravelInsuranceUniqaDiv .group-inner,
.TravelInsuranceEndowmentDiv .group-inner,
.TravelInsuranceDiv .group-inner {
  width: unset !important;
  margin-bottom: 0px !important;
}
.TravelInsuranceUniqaDiv .group-inner .explanation-group,
.TravelInsuranceEndowmentDiv .group-inner .explanation-group,
.TravelInsuranceDiv .group-inner .explanation-group {
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
.TravelInsuranceUniqaDiv .group-inner .group-inner .input-grid-wrapper,
.TravelInsuranceEndowmentDiv .group-inner .group-inner .input-grid-wrapper,
.TravelInsuranceDiv .group-inner .group-inner .input-grid-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.TravelInsuranceUniqaDiv .group-inner .group-inner .input-grid-wrapper .col-50,
.TravelInsuranceEndowmentDiv .group-inner .group-inner .input-grid-wrapper .col-50,
.TravelInsuranceDiv .group-inner .group-inner .input-grid-wrapper .col-50 {
  width: 50%;
  margin-right: 16px;
}
.TravelInsuranceUniqaDiv .group-inner .group-inner .input-grid-wrapper .col-50.col-last,
.TravelInsuranceEndowmentDiv .group-inner .group-inner .input-grid-wrapper .col-50.col-last,
.TravelInsuranceDiv .group-inner .group-inner .input-grid-wrapper .col-50.col-last {
  margin-right: 0px;
}
.TravelInsuranceUniqaDiv .custom-checkbox-toggle,
.TravelInsuranceEndowmentDiv .custom-checkbox-toggle,
.TravelInsuranceDiv .custom-checkbox-toggle {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  display: flex !important;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  min-height: 50px;
  user-select: none;
  background: hsla(0, 0%, 100%, 0.6);
  border-radius: 25px;
  padding: 5px 24px !important;
}
.TravelInsuranceUniqaDiv .custom-checkbox-toggle .custom-checkbox-input,
.TravelInsuranceEndowmentDiv .custom-checkbox-toggle .custom-checkbox-input,
.TravelInsuranceDiv .custom-checkbox-toggle .custom-checkbox-input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 1;
}
.TravelInsuranceUniqaDiv .custom-checkbox-toggle .custom-label,
.TravelInsuranceEndowmentDiv .custom-checkbox-toggle .custom-label,
.TravelInsuranceDiv .custom-checkbox-toggle .custom-label {
  padding-right: 50px;
}
.TravelInsuranceUniqaDiv .custom-checkbox-toggle .toggle-btn,
.TravelInsuranceEndowmentDiv .custom-checkbox-toggle .toggle-btn,
.TravelInsuranceDiv .custom-checkbox-toggle .toggle-btn {
  position: absolute;
  width: 40px;
  height: 20px;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 20px;
  padding: 5px;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  background-color: #E1E1E1;
}
.TravelInsuranceUniqaDiv .custom-checkbox-toggle .toggle-btn .toggle-btn-switch,
.TravelInsuranceEndowmentDiv .custom-checkbox-toggle .toggle-btn .toggle-btn-switch,
.TravelInsuranceDiv .custom-checkbox-toggle .toggle-btn .toggle-btn-switch {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #FFFFFF;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.TravelInsuranceUniqaDiv .custom-checkbox-toggle.active .toggle-btn,
.TravelInsuranceEndowmentDiv .custom-checkbox-toggle.active .toggle-btn,
.TravelInsuranceDiv .custom-checkbox-toggle.active .toggle-btn {
  background-color: #52AE30;
}
.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: #52AE30;
}
.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: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.TravelInsuranceUniqaDiv .exchangle-form-dropdown,
.TravelInsuranceEndowmentDiv .exchangle-form-dropdown,
.TravelInsuranceDiv .exchangle-form-dropdown {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  border: 1px solid #DCDCDC;
  border-top: none;
  border-radius: 0 0 30px 30px;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12);
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  opacity: 0;
  visibility: hidden;
}
.TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner,
.TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner,
.TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner {
  height: 106px;
}
.TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content,
.TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content,
.TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item,
.TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item,
.TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item {
  padding: 15px 16px 15px 24px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item .page-text,
.TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item .page-text,
.TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item .page-text {
  line-height: 1.4;
}
.TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-v,
.TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-v,
.TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-v {
  right: 5px;
}
.TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-h,
.TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-h,
.TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-h {
  left: 4px;
  right: 4px;
  height: 0;
}
.TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-item,
.TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-item,
.TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-item {
  padding: 15px 16px 15px 24px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.accDetailsPopup .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 .all-accounts-popup-wrapper {
  padding-top: 40px !important;
  padding-bottom: 25px !important;
}
.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: #52AE30;
  color: #FFFFFF;
  z-index: 2 !important;
  border-radius: 38px !important;
  width: 90% !important;
  padding: 15px 0px !important;
  transition: all 0.5s;
}
.installmentsList .bottom-button-installments .btn-1:hover {
  background-color: #2A7F00 !important;
  box-shadow: 0 0 14px rgba(54, 60, 164, 0.4) !important;
}
.installmentsList .checkboxCustom .checkbox-save {
  display: inline-block !important;
  height: 14px;
  width: 14px;
  border: 2px solid #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 0.3s;
  transition: opacity 0.3s;
}
.installmentsList .check-all-top {
  margin: 0 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #C7C7C7;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
}
.installmentsList .check-all-top .check-all-title {
  margin-left: 20px;
}
.installmentsList .margin-half {
  margin-bottom: 5px !important;
}

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

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

.limitsAndChannelsCards .account-item-inner h3 {
  margin-bottom: 0px !important;
}
.limitsAndChannelsCards .account-item-inner .net-ico-limits {
  background-image: url("images/icons/netlimit.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
}
.limitsAndChannelsCards .account-item-inner .atm-ico-limits {
  background-image: url("images/icons/atmlimit.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
}
.limitsAndChannelsCards .account-item-inner .atm-switch, .limitsAndChannelsCards .account-item-inner .net-switch, .limitsAndChannelsCards .account-item-inner .sales-switch {
  cursor: pointer;
}
.limitsAndChannelsCards .account-item-inner .atm-switch .toggle-btn, .limitsAndChannelsCards .account-item-inner .net-switch .toggle-btn, .limitsAndChannelsCards .account-item-inner .sales-switch .toggle-btn {
  pointer-events: auto !important;
}
.limitsAndChannelsCards .account-item-inner .reserved-funds-ico {
  margin-left: 0px !important;
}
.limitsAndChannelsCards .account-item-inner .limits-info-down .reserved-funds-ico {
  transition: 0.5s all;
  cursor: pointer;
}
.limitsAndChannelsCards .account-item-inner .limits-info-down .reserved-funds-ico .payments-ico-svg {
  stroke: #52AE30 !important;
}
.limitsAndChannelsCards .account-item-inner .limits-info-down .reserved-funds-ico:hover {
  background-color: #52AE30 !important;
}
.limitsAndChannelsCards .account-item-inner .limits-info-down .reserved-funds-ico:hover .payments-ico-svg {
  stroke: #FFFFFF !important;
}
.limitsAndChannelsCards .account-item-inner .limits-info p {
  margin-bottom: 5px !important;
}
.limitsAndChannelsCards .account-item-inner .limits-block {
  margin-right: -10px;
}
.limitsAndChannelsCards .bottom-line-default {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
  padding-bottom: 20px;
}

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

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

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

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

.deblock-security-dialog .ui-dialog-buttonset button:nth-child(1),
.contactDataConfirmation .ui-dialog-buttonset button:nth-child(1),
.contactDataEdit .ui-dialog-buttonset button:nth-child(1) {
  background-color: white !important;
  color: black !important;
}
.deblock-security-dialog .ui-dialog-buttonset button:nth-child(1):hover,
.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-buttonpane {
  width: 100%;
}
.success-change-email .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important;
}
.success-change-email .ui-dialog-buttonpane .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;
}

.my-profile-form.my-account-contact .marketing-ico-wrapper {
  background-color: #FFFFFF;
  border-radius: 50%;
}
.my-profile-form.my-account-contact .marketing-ico-wrapper .marketing-promo-ico {
  background-image: url(images/icons/ic_promo_crm.png);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 40px;
  height: 40px;
  filter: invert(1);
}
.my-profile-form.my-account-contact .toggle-btn {
  right: 0px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}
.my-profile-form.my-account-contact .middle-text {
  margin-left: 15px;
}

.personal-settings-tab .accOfficer {
  padding: 0 35px;
}
.personal-settings-tab .accOfficer .btn-wrapper {
  width: calc(100% - 70px);
  position: absolute;
  bottom: 60px;
}
.personal-settings-tab .accOfficer .btn-wrapper button {
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
}

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

.ips-accounts-wrapper {
  height: calc(70vh - 120px) !important;
  overflow-y: scroll !important;
  padding-right: 15px;
}
.ips-accounts-wrapper::-webkit-scrollbar {
  background: transparent;
  border-radius: 16px;
  width: 5px;
  margin-bottom: 10px !important;
}
.ips-accounts-wrapper::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 16px;
  margin-bottom: 10px !important;
}
.ips-accounts-wrapper::-webkit-scrollbar-thumb {
  background: #52AE30;
  border-radius: 16px;
  margin-bottom: 10px !important;
}

.sg-internal-transfer .input-1.input-amount {
  border: 2px solid #DCDCDC;
  color: #989898;
  background-color: #F1F1F1;
  pointer-events: none !important;
  cursor: default !important;
}
.sg-internal-transfer .account-detail-menu {
  display: none;
}

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

.home-insurance-tabs {
  height: 30px;
  width: 90% !important;
  background-color: #E8E9EC;
  cursor: pointer !important;
}
.home-insurance-tabs div {
  border: none !important;
  font-size: 15px;
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
}
.home-insurance-tabs div a {
  padding: 2px 66px !important;
  color: rgba(0, 0, 0, 0.54) !important;
}
.home-insurance-tabs div a:hover {
  color: #52AE30 !important;
}
.home-insurance-tabs div.active a {
  background-color: #FFFFFF !important;
  color: #52AE30 !important;
  border-radius: 12px;
}

.insurance-list-tabs {
  height: 30px;
  width: 415px !important;
  background-color: #E8E9EC;
  cursor: pointer !important;
}
.insurance-list-tabs div {
  border: none !important;
  font-size: 15px;
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
}
.insurance-list-tabs div a {
  padding: 2px 66px !important;
  color: rgba(0, 0, 0, 0.54) !important;
}
.insurance-list-tabs div a:hover {
  color: #52AE30 !important;
}
.insurance-list-tabs div.active a {
  background-color: #FFFFFF !important;
  color: #52AE30 !important;
  border-radius: 12px;
}

.upgradePackagePopUp .widget-tabs.one-slide li {
  width: 100% !important;
}
.upgradePackagePopUp .widget-tabs.one-slide li a {
  margin-left: 11px;
  padding: 5px 170px !important;
}
.upgradePackagePopUp .widget-tabs.two-slides li {
  width: 50% !important;
}
.upgradePackagePopUp .widget-tabs.two-slides li a {
  padding: 5px 70px !important;
}
.upgradePackagePopUp .widget-tabs.three-slides li {
  width: 33.3% !important;
}
.upgradePackagePopUp .widget-tabs.three-slides li a {
  margin-left: -7px;
  padding: 5px 42px !important;
}
.upgradePackagePopUp .message-reply-form {
  padding-top: 15px;
}
.upgradePackagePopUp .message-reply-form .sendMessageBtn {
  margin: 0px 20px 50px 20px !important;
  border: 2px solid #52AE30;
  color: #52AE30 !important;
  transition: all 0.5s;
}
.upgradePackagePopUp .message-reply-form .sendMessageBtn:hover {
  background-color: #52AE30 !important;
  color: #FFFFFF !important;
}
.upgradePackagePopUp .continue-btn {
  color: #FFFFFF !important;
  margin: 0px 20px 50px 20px !important;
  transition: all 0.5s;
}
.upgradePackagePopUp .open-package-btn {
  color: #FFFFFF !important;
}
.upgradePackagePopUp .open-package-btn.disabled {
  cursor: default !important;
  pointer-events: none !important;
  background-color: #C7C7C7 !important;
}
.upgradePackagePopUp .open-package-btn.disabled:hover {
  background-color: #C7C7C7 !important;
}
.upgradePackagePopUp .discount-popup-img-wrapper {
  float: right;
  width: 95% !important;
  height: 270px;
  max-height: 270px;
  margin-bottom: 20px;
  border-radius: 30px 0 0 30px;
  overflow: hidden;
}
.upgradePackagePopUp .discount-popup-img-wrapper .promo-card-img.fluo-cover {
  background-image: url("images/pictures/fluo-promo-banner.png");
}
.upgradePackagePopUp .discount-popup-img-wrapper .promo-card-img.practic-cover {
  background-image: url("images/pictures/practic-promo-banner.png");
}
.upgradePackagePopUp .discount-popup-img-wrapper .promo-card-img.prestige-cover {
  background-image: url("images/pictures/prestige-promo-banner.png");
}
.upgradePackagePopUp .account-item-inner {
  height: 100%;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  padding-right: 5px;
  margin-right: 5px;
}
.upgradePackagePopUp .account-item-inner::-webkit-scrollbar {
  background: transparent;
  width: 5px;
  margin-bottom: 15px !important;
}
.upgradePackagePopUp .account-item-inner::-webkit-scrollbar-track {
  top: 20px;
  background: transparent;
  margin-bottom: 15px !important;
}
.upgradePackagePopUp .account-item-inner::-webkit-scrollbar-thumb {
  background-color: #52AE30;
  border-radius: 5px;
  width: 4px;
  margin-bottom: 15px !important;
}
.upgradePackagePopUp .package-desc-img {
  margin-right: 40px;
  height: 25px;
  width: 25px;
  max-height: 25px;
}
.upgradePackagePopUp .package-desc-img .arrow-package {
  background-image: url("images/icons/paketi-opis.png");
  width: 22px;
  height: 22px;
  background-size: cover;
}
.upgradePackagePopUp .package-desc-img .arrow-package.info {
  background-image: url("images/icons/ivr-info.png");
  position: absolute;
}
.upgradePackagePopUp .package-desc-img .arrow-package.info.globe-click {
  background-image: url("images/icons/green-globe.png");
  width: 29px !important;
  height: 29px !important;
}
.upgradePackagePopUp .package-desc-img .arrow-package.info.globe-click:hover {
  background-image: url("images/icons/white-globe.png") !important;
}
.upgradePackagePopUp .package-desc-img.info {
  margin-right: 60px !important;
  position: absolute;
  right: 0;
}
.upgradePackagePopUp .package-desc-img.month-info {
  margin-right: 147px !important;
  position: absolute;
  right: 0;
  margin-top: -35px;
  cursor: pointer;
}
.upgradePackagePopUp .package-desc-img.month-info:hover .help-info-text {
  opacity: 1;
  visibility: visible;
}
.upgradePackagePopUp .package-desc-img.month-info .help-info-text {
  bottom: 38px !important;
  left: 96% !important;
}
.upgradePackagePopUp .pdf-download {
  padding: 11px 11px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: calc(100% - 55px);
  transform: translateY(-50%);
}
.upgradePackagePopUp .pdf-download svg {
  stroke: #52AE30 !important;
}
.upgradePackagePopUp .home-address-option {
  pointer-events: none !important;
}
.upgradePackagePopUp .home-address-option .custom-radio-button {
  background: #DEDFE3 !important;
}
.upgradePackagePopUp .home-address-option .custom-radio-button .custom-label {
  color: rgba(0, 0, 0, 0.54) !important;
}
.upgradePackagePopUp .custom-radio-button {
  position: relative;
  display: block;
  padding: 18px 15px 17px 46px;
  cursor: pointer;
  background: hsla(0, 0%, 100%, 0.6);
  border-radius: 25px;
}
.upgradePackagePopUp .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;
}
.upgradePackagePopUp .custom-radio-button .custom-radio-input:checked ~ .checkmark:after {
  opacity: 1;
}
.upgradePackagePopUp .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);
}
.upgradePackagePopUp .custom-radio-button .checkmark:after {
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #52AE30;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.upgradePackagePopUp .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;
}
.upgradePackagePopUp .package-description-wrapper {
  margin-right: 40px !important;
  margin-left: 45px !important;
}
.upgradePackagePopUp .package-description-wrapper .single-description-with-img {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}
.upgradePackagePopUp .warning-package-description {
  display: flex;
  flex-direction: row;
  align-content: center;
  flex-wrap: nowrap;
  align-items: center;
  border: 2px dotted #C7C7C7;
  padding: 20px;
  border-radius: 20px;
  cursor: default;
}
.upgradePackagePopUp .warning-package-description .tag-ico {
  width: 40px;
  height: 40px;
  padding-right: 10px;
  stroke: #52AE30;
}
.upgradePackagePopUp .warning-package-description .tag-ico .warning-icon-img {
  width: 40px;
  height: 40px;
  background-image: url("images/icons/ivr-info.png");
  background-size: cover;
}
.upgradePackagePopUp .warning-package-description .package-tag-content {
  padding-left: 15px;
  text-align: left;
  font-style: italic;
  border-left: 2px dotted #C7C7C7;
}

.cardDelivery .account-item-inner.optiscroll {
  height: calc(100vh - 325px);
  overflow: auto;
}
.cardDelivery .popup-btn-wrapper {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 80px);
}
.cardDelivery .popup-btn-wrapper .btn-1 {
  transition: all 0.5s;
  border-radius: 38px;
  background-color: #52AE30;
  color: #FFFFFF;
  z-index: 2 !important;
  width: calc(100% - 34px);
}
.cardDelivery .popup-btn-wrapper .btn-1:hover {
  background-color: #2A7F00;
  box-shadow: 0 0 14px rgba(54, 60, 164, 0.4);
}
.cardDelivery .delivery-option-wrapper {
  display: flex;
  flex-direction: column;
  gap: 3.5px;
}
.cardDelivery .delivery-option-wrapper span {
  width: 310px;
}
.cardDelivery .custom-radio-button {
  position: relative;
  display: flex;
  padding: 5px 15px 5px 46px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 25px;
  min-height: 40px;
}
.cardDelivery .custom-radio-button.non-clickable {
  cursor: default !important;
  background-color: #DEDFE3 !important;
}
.cardDelivery .custom-radio-button.non-clickable .checkmark {
  background-color: lightgray !important;
}
.cardDelivery .custom-radio-button.non-clickable a {
  display: none !important;
  /*background-color: darkgray !important;
  z-index: 0 !important;
  pointer-events: none !important;*/
}
.cardDelivery .custom-radio-button.non-clickable input {
  pointer-events: none !important;
  cursor: default !important;
}
.cardDelivery .custom-radio-button.non-clickable-partly {
  cursor: default !important;
  background-color: #DEDFE3 !important;
}
.cardDelivery .custom-radio-button.non-clickable-partly .checkmark {
  background-color: lightgray !important;
}
.cardDelivery .custom-radio-button.non-clickable-partly a {
  cursor: pointer !important;
}
.cardDelivery .custom-radio-button.non-clickable-partly input {
  pointer-events: none !important;
  cursor: default !important;
}
.cardDelivery .custom-radio-button.no-default-ips {
  padding: 25px 0px !important;
  border-radius: 40px !important;
  text-align: center;
  cursor: default !important;
}
.cardDelivery .custom-radio-button.no-default-ips p {
  margin-bottom: 0px !important;
}
.cardDelivery .custom-radio-button.default-acc-rb {
  padding: 8px 15px 8px 46px !important;
  border-radius: 40px !important;
  cursor: default !important;
}
.cardDelivery .custom-radio-button.default-acc-rb p {
  margin-bottom: 0px !important;
}
.cardDelivery .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;
}
.cardDelivery .custom-radio-button .custom-radio-input:checked ~ .checkmark:after {
  opacity: 1;
}
.cardDelivery .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);
}
.cardDelivery .custom-radio-button .checkmark:after {
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #52AE30;
  transform: translate(-50%, -50%);
  content: "";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s;
}
.cardDelivery .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;
}
.cardDelivery .custom-radio-button a {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #FFFFFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border: 1px solid #E8E9EC;
  padding: 9px;
  border-radius: 50%;
  transition: all 0.5s;
  z-index: 3 !important;
}
.cardDelivery .custom-radio-button a svg {
  stroke: #52AE30;
}
.cardDelivery .custom-radio-button a:hover {
  background-color: #52AE30;
}
.cardDelivery .custom-radio-button a:hover svg {
  stroke: #FFFFFF;
}
.cardDelivery .card-delivery-disclaimer {
  display: flex;
  flex-direction: row;
  align-content: center;
  flex-wrap: nowrap;
  align-items: center;
  border: 2px dotted #52AE30;
  padding: 15px;
  border-radius: 20px;
}
.cardDelivery .card-delivery-disclaimer .tag-ico {
  width: 40px;
  height: 40px;
  padding-right: 25px;
  border-right: 2px dotted #52AE30;
  position: relative;
}
.cardDelivery .card-delivery-disclaimer .tag-ico .help-ico {
  background-image: url(images/icons/ivr-info.png);
  background-size: 35px;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  background-position: 50% 50%;
}
.cardDelivery .card-delivery-disclaimer .tag-content {
  padding-left: 15px;
}
.cardDelivery .checkbox-wrap {
  display: block;
  position: relative;
  padding-left: 46px;
  font-size: 15px;
  text-align: left;
  color: #c7c7c7;
  user-select: none;
}
.cardDelivery .checkbox-wrap.first-checkbox {
  margin-bottom: 20px;
}
.cardDelivery .checkbox-wrap.centered-checkbox {
  padding-left: 38px;
}
.cardDelivery .checkbox-wrap.centered-checkbox input {
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}
.cardDelivery .checkbox-wrap.centered-checkbox .checkmark {
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}
.cardDelivery .checkbox-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 17px;
  width: 17px;
  z-index: 10 !important;
}
.cardDelivery .checkbox-wrap input:checked ~ .checkmark:after {
  opacity: 1;
}
.cardDelivery .checkbox-wrap .checkmark {
  position: absolute;
  height: 17px;
  width: 17px;
  border: 2px solid #C7C7C7;
  border-radius: 2px;
  background: transparent;
}
.cardDelivery .checkbox-wrap .checkmark:after {
  content: "";
  top: -1px;
  left: -1px;
  width: 19px;
  height: 19px;
  position: absolute;
  background: url("images/icons/checkbox.png") 0 0 no-repeat;
  background-size: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.cardPinChangeDialog .popup-btn-wrapper {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 80px);
}
.cardPinChangeDialog .popup-btn-wrapper .btn-1 {
  transition: all 0.5s;
  border-radius: 38px;
  background-color: #52AE30;
  color: #FFFFFF;
  z-index: 2 !important;
}
.cardPinChangeDialog .popup-btn-wrapper .btn-1:hover {
  background-color: #2A7F00;
  box-shadow: 0 0 14px rgba(54, 60, 164, 0.4);
}
.cardPinChangeDialog h3,
.cardPinChangeDialog p {
  cursor: default !important;
}
.cardPinChangeDialog .pin-input-field {
  text-align: center;
}
.cardPinChangeDialog .pin-input-field input {
  width: 9%;
  font-size: 35px;
  text-align: center;
  height: 50px;
  border-radius: 20px;
  border: 3px solid transparent;
  transition: all 0.5s;
  cursor: pointer;
}
.cardPinChangeDialog .pin-input-field input:not(:last-child) {
  margin-right: 10px;
}
.cardPinChangeDialog .user-account-card-img.card {
  width: 166px !important;
  height: 105px !important;
}
.cardPinChangeDialog .successfully-changed-pin {
  height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 0px;
  width: 100%;
}
.cardPinChangeDialog .successfully-changed-pin svg {
  width: 80px;
  height: 63px;
  stroke: #52AE30;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.cardPinChangeDialog .custom-radio-button {
  position: relative;
  display: block;
  padding: 18px 15px 17px 46px;
  width: calc(100% - 40px) !important;
  cursor: pointer;
  background: hsla(0, 0%, 100%, 0.6);
  border-radius: 25px;
}
.cardPinChangeDialog .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;
}
.cardPinChangeDialog .custom-radio-button .custom-radio-input:checked ~ .checkmark:after {
  opacity: 1;
}
.cardPinChangeDialog .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);
}
.cardPinChangeDialog .custom-radio-button .checkmark:after {
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #52AE30;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cardPinChangeDialog .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;
}

.red-pin-card {
  width: 12px;
  height: 12px;
  position: absolute;
  z-index: 5 !important;
  background: red !important;
  border-radius: 50%;
  top: 50%;
  transform: translate(15px, -50%);
}
.red-pin-card-2 {
  width: 12px;
  height: 12px;
  z-index: 5 !important;
  background: red !important;
  border-radius: 50%;
  transform: translate(-15px, 0px);
}

.popup-ammount-wrapper-02 {
  margin-right: 2% !important;
}

.my-account-detail-intro .recommend-ico {
  width: 40px;
  height: 40px;
  background: url(images/pictures/preporuci2.png) 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 62px;
  cursor: pointer !important;
  /*border-radius: 50%;
  border: 3px solid white;*/
}

.max-width-button {
  width: 100% !important;
}

.recommend-dialog .btn-1 {
  border-radius: 25px;
  background-color: #52AE30;
  box-shadow: 0 8px 24px rgba(54, 60, 164, 0.004);
  color: #FFFFFF;
  border: none;
  font-weight: bold;
  font-size: 14px;
  transition: all 0.5s ease;
}
.recommend-dialog .btn-1:hover {
  background-color: #2A7F00 !important;
}
.recommend-dialog .recommend-scroll {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-left: 40px !important;
  height: 100%;
}
.recommend-dialog .recommend-scroll::-webkit-scrollbar {
  background: transparent;
  width: 5px;
}
.recommend-dialog .recommend-scroll::-webkit-scrollbar-track {
  top: 20px;
  background: transparent;
}
.recommend-dialog .recommend-scroll::-webkit-scrollbar-thumb {
  background-color: #52AE30;
  border-radius: 5px;
  width: 4px;
}
.recommend-dialog .recommend-scroll-text-wrapper {
  padding-right: 40px;
}
.recommend-dialog .recommend-scroll .recommend-img-wrapper {
  width: calc(100% + 40px) !important;
  height: 280px;
  max-height: 280px;
  margin: 0 -40px 20px 0;
  border-radius: 30px 0 0 30px;
  overflow: hidden;
}
.recommend-dialog .recommend-scroll .recommend-img-wrapper .recommend-img {
  background-image: url(images/pictures/preporuci.png);
}
.recommend-dialog .recommend-scroll .help-info-wrapper {
  position: relative;
  right: 0px;
  bottom: 5px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.recommend-dialog .recommend-scroll .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;
}
.recommend-dialog .dotted-border-bottom {
  padding-bottom: 20px;
  border-bottom: 2px dotted rgba(0, 0, 0, 0.54);
}

.status-tab-selection.low-visible .dk-selected {
  z-index: 1 !important;
}
.status-tab-selection.low-visible .dk-select.select.select-1:after {
  z-index: 1 !important;
}
.status-tab-selection.low-visible .dk-select-options {
  z-index: 0 !important;
}

.margin-right-4 {
  margin-right: 40px;
}

.margin-left-15 {
  margin-left: 15px;
}

.recommendation-info-dialog .ui-dialog-buttonset button:nth-child(2) {
  width: 100% !important;
}
.recommendation-info-dialog .ui-dialog-buttonset button:nth-child(1) {
  display: none !important;
}

.story-lines-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 10px 5px 0px 5px;
}
.story-lines-wrapper .story-line {
  height: 5px;
  overflow: hidden;
  background-color: #FFFFFF;
}
.story-lines-wrapper .story-line.active .individual-story-line {
  height: 100%;
  width: 0%;
  background-color: #52AE30;
  animation: colorChange 10s linear forwards;
}
.story-lines-wrapper .story-line.finished {
  background-color: #52AE30 !important;
}

.homeInsuranceGenerali .home-insurance-details .risk-title-wrapper {
  position: relative !important;
}
.homeInsuranceGenerali .home-insurance-details .help-ico {
  right: 0;
  cursor: pointer;
  background-image: url(images/icons/ivr-info-2.png);
  background-size: 22px;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
}
.homeInsuranceGenerali .centered-checkbox .validationMessage {
  bottom: -25px !important;
}
.homeInsuranceGenerali .final-button-home {
  bottom: -58px !important;
  position: relative !important;
}
.homeInsuranceGenerali .documents-button {
  padding-left: 0px !important;
  padding-right: 0px !important;
  height: 30px;
  display: flex;
  align-items: center;
  text-indent: 20px;
  text-align: left !important;
  transition: all 0.5s;
  margin-top: 20px !important;
}
.homeInsuranceGenerali .documents-button:hover {
  background-color: #2A7F00;
}
.homeInsuranceGenerali .documents-button .pdf-ico {
  position: absolute;
  right: 30px;
  stroke: #FFFFFF !important;
  width: 25px !important;
  height: 20px !important;
}
.homeInsuranceGenerali .insurance-with-tag-home {
  display: flex;
  flex-direction: row;
  align-content: center;
  flex-wrap: nowrap;
  align-items: center;
  border: 2px dotted #52AE30;
  padding: 20px;
  border-radius: 20px;
}
.homeInsuranceGenerali .insurance-with-tag-home .tag-ico {
  width: 40px;
  height: 40px;
  padding-right: 10px;
  border-right: 2px dotted #52AE30;
  position: relative;
}
.homeInsuranceGenerali .insurance-with-tag-home .tag-ico .help-ico {
  background-image: url(images/icons/ivr-info.png);
  background-size: 35px;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  background-position: 50% 50%;
}
.homeInsuranceGenerali .insurance-with-tag-home .endowment-tag-content,
.homeInsuranceGenerali .insurance-with-tag-home .uniqa-tag-content {
  padding-left: 15px;
}
.homeInsuranceGenerali .validationMessage {
  bottom: -40px;
  white-space: break-spaces;
  text-align: left;
}
.homeInsuranceGenerali .validationMessage-2 {
  bottom: -30px !important;
}
.homeInsuranceGenerali .validationMessage-3 {
  bottom: -7px !important;
}
.homeInsuranceGenerali .calculation-wrapper-home {
  margin-right: 0px !important;
}
.homeInsuranceGenerali .insurance-popup-ico-wrapper {
  margin-top: 30px !important;
}
.homeInsuranceGenerali .pdf-download {
  padding: 11px 11px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: calc(100% - 40px);
  transform: translateY(-50%);
  transition: all 0.5s;
}
.homeInsuranceGenerali .pdf-download .pdf-ico {
  stroke: #52AE30;
}
.homeInsuranceGenerali .pdf-download:hover {
  background-color: #52AE30;
}
.homeInsuranceGenerali .pdf-download:hover .pdf-ico {
  stroke: #FFFFFF;
}
.homeInsuranceGenerali .insuranceBox label {
  padding-left: 8px !important;
}
.homeInsuranceGenerali .municipality-search {
  border: none !important;
  width: 100% !important;
  margin-top: -16px !important;
}

@keyframes colorChange {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.custom-title-msgBox .ui-dialog-titlebar {
  display: block !important;
  border: none;
  background: transparent;
  font-family: Sarabun, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 30px;
  padding: 0;
  width: 298px;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
}
.custom-title-msgBox .ui-dialog-titlebar:before {
  content: none !important;
}
.custom-title-msgBox .ui-dialog-titlebar-close {
  display: none !important;
}
.custom-title-msgBox .ui-dialog-title {
  float: none !important;
  white-space: normal !important;
}

.address-change-popup {
  height: 265px !important;
  overflow-x: hidden;
}
.address-change-popup .payment-ico-filter-down {
  position: absolute;
  margin-top: -10px !important;
  top: 50% !important;
  transform: translate(50%, -50%) !important;
  rotate: 270deg !important;
}
.address-change-popup .generali-detail .flex-parents-children {
  display: flex;
  align-content: space-between;
  justify-content: space-between;
}
.address-change-popup .generali-detail .flex-parents-children .left-flex-column,
.address-change-popup .generali-detail .flex-parents-children .right-flex-column {
  width: 49% !important;
}
.address-change-popup .generali-detail .insuranceBox {
  width: 100%;
}
.address-change-popup .generali-detail .insuranceBox input {
  padding: 23px 12px 6px 16px;
  width: calc(100% - 30px);
  height: fit-content;
  border: 1px solid #DCDCDC;
  border-radius: 30px;
  font-family: "Source-Sans-Pro", sans-serif !important;
}
.address-change-popup .generali-detail .insuranceBox .al-3 {
  top: 4px !important;
  color: #52AE30 !important;
  transform: scale3d(0.9, 0.9, 1);
  left: 15px;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.address-change-popup .generali-detail .insuranceBox .intrabank-wrapper:last-child {
  margin-bottom: 0px !important;
}
.address-change-popup .generali-detail .wrapperIntraCode {
  width: 100% !important;
}
.address-change-popup .generali-detail .wrapperIntraCode .wraperOptionsTemplate {
  width: 100% !important;
}
.address-change-popup .generali-detail .wrapperIntraCode .wraperOptionsTemplate .animationLabel-2 {
  left: 21px !important;
}
.address-change-popup .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template {
  border: none !important;
  border-top: 2px solid #52AE30 !important;
  width: 100% !important;
  left: 0px !important;
}
.address-change-popup .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;
}
.address-change-popup .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template li:hover {
  background-color: #F5F5F5;
  border-bottom: 1px solid #DCDCDC;
  border-top: 1px solid #DCDCDC;
}
.address-change-popup .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template li::marker {
  content: "" !important;
}
.address-change-popup .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.address-change-popup .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .dk-selected .payment-filter-ico {
  margin-top: 20px;
}
.address-change-popup .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;
}
.address-change-popup .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate {
  height: 110px;
  overflow-y: scroll;
}
.address-change-popup .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate::-webkit-scrollbar {
  background: transparent !important;
  background-color: transparent !important;
  width: 5px;
}
.address-change-popup .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;
}
.address-change-popup .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate::-webkit-scrollbar-thumb {
  background-color: #52AE30;
  border-radius: 5px;
  width: 4px;
}
.address-change-popup .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate-2 {
  height: 89px !important;
}
.address-change-popup .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate.no-scroll {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.address-change-popup .generali-detail .wrapperIntraCode.active .wraperOptionsTemplate .dk-selected {
  border-bottom: 2px solid #52AE30;
}
.address-change-popup .listWrapper {
  position: relative;
}
.address-change-popup .listWrapper .municipality-search {
  border: none !important;
  width: 100% !important;
  margin-top: -16px !important;
  position: sticky;
  top: 0px;
  z-index: 10 !important;
  border-radius: 0 !important;
  padding: 10px 5px 10px 25px !important;
  border-bottom: 2px solid #52AE30 !important;
}
.address-change-popup .listWrapper .dk-select-options {
  margin-top: 5px !important;
}
.address-change-popup .municipality-placeholder-text {
  left: -9px !important;
  position: relative !important;
}

.no-password-login {
  min-height: 865px !important;
}

.m-token-payment-confirmation {
  margin-top: -40px;
  margin-bottom: -30px;
}

.streetNumInput input {
  width: calc(100% - 60px) !important;
  float: right !important;
}
.streetNumInput .al-3 {
  left: 45px !important;
}
.streetNumInput .validationMessage {
  bottom: -13px;
  left: 30px;
}

.streetNameInput input {
  width: calc(100% + 10px) !important;
}

.copy-account-img {
  width: 22px;
  height: 22px;
  background-image: url(images/icons/copy-img2.png);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-left: 5px;
  cursor: pointer !important;
  z-index: 10 !important;
}

.continue-forms-dialog .ui-dialog-buttonpane {
  padding: 0 !important;
}
.continue-forms-dialog .ui-dialog-titlebar:before {
  background-image: url(images/icons/forms-continue.png);
}

.change-branch-address .wrapperOptionTemplate {
  height: 180px !important;
}

.change-address-address .wrapperOptionTemplate {
  height: 140px !important;
}

.acc-block-info-dialog #messageBoxElement {
  text-align: left !important;
  padding: 0;
}
.acc-block-info-dialog .ui-dialog-title {
  text-align: center !important;
  margin-top: -15px;
}

.no-yes-template-delete .ui-dialog-buttonset {
  flex-direction: row-reverse !important;
}

.alpaca-form-button-refresh {
  color: #FFFFFF !important;
  background-color: #52AE30 !important;
}

/*#region fonts*/
@font-face {
  font-family: "Lato";
  src: url("fonts/Lato-Regular.eot");
  src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato-Semibold";
  src: url("fonts/Lato-Semibold.eot");
  src: url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Semibold.woff") format("woff"), url("fonts/Lato-Semibold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.eot");
  src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Sarabun";
  src: url("fonts/Sarabun-ExtraBold.eot");
  src: url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-ExtraBold.woff") format("woff"), url("fonts/Sarabun-ExtraBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Sarabun-Bold";
  src: url("fonts/Sarabun-Bold.eot");
  src: url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-Bold.woff") format("woff"), url("fonts/Sarabun-Bold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Sarabun-SemiBold";
  src: url("fonts/Sarabun-SemiBold.eot");
  src: url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-SemiBold.woff") format("woff"), url("fonts/Sarabun-SemiBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Source-Sans-Pro";
  src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff"), url("fonts/sourcesanspro-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source-Sans-Pro-bold";
  src: url("fonts/sourcesanspro-bold.woff2") format("woff2"), url("fonts/sourcesanspro-bold.woff") format("woff"), url("fonts/sourcesanspro-bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source-Sans-Pro-semibold";
  src: url("fonts/sourcesanspro-semibold.woff2") format("woff2"), url("fonts/sourcesanspro-semibold.woff") format("woff"), url("fonts/sourcesanspro-semibold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/*#endregion fonts*/
/* colors */
@media only screen and (max-width: 1500px) {
  .AccountSlider .highcharts-container {
    transform: translateX(0px);
  }
  .slider-wrapper {
    width: calc(100% - 120px) !important;
  }
}
@media only screen and (min-width: 1400px) {
  .AccountStatements .account-statement-pdf-download,
  .CardStatements .account-statement-pdf-download {
    width: 76%;
    padding-right: 25px;
  }
  .AccountStatements .account-statements-info .group-inner,
  .CardStatements .account-statements-info .group-inner {
    width: 17%;
  }
  .CreditorTemplateManaging .account-statement-pdf-download {
    width: 82%;
  }
  .AccountSlider .user-intro-select-wrapperSlider {
    padding: 3px 3px;
  }
  .slider-wrapper {
    width: calc(100% - 80px) !important;
  }
  .chartView {
    zoom: 100%;
  }
}
@media only screen and (max-width: 1400px) {
  .UserInfo .UserInfoHeader {
    padding-right: 20px;
  }
  .UserInfo .UserInfoHeader .user-intro-section-name .title-1,
  .UserInfo .UserInfoHeader .user-intro-section-name span.name {
    font-size: 28px;
  }
  .UserInfo .UserInfoHeader .user-intro-section-name h2.title-1 {
    display: inline;
    margin-bottom: 0;
  }
  .support-dialog .support-modal .close-btn {
    position: absolute;
    top: 20px;
    right: 4%;
  }
  #page-header.my_profile-header .UserInfo .UserInfoHeader .user-heading h2 {
    padding-left: 0;
  }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2;
    top: -40px;
    width: 220px;
    left: 40%;
  }
  .AccountSlider .user-intro-select-wrapper {
    top: -35%;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
    margin-left: 58px;
  }
  .AccountSlider .user-account-card-right-col-inner {
    width: 38%;
  }
  .AccountStatements .account-statement-calendar-wrapper,
  .CardStatements .account-statement-calendar-wrapper {
    width: 75%;
  }
  .AccountStatements .account-statements-info .group-inner,
  .CardStatements .account-statements-info .group-inner {
    width: 18.5%;
  }
  .AccountStatements .payment-filter-recipient,
  .CardStatements .payment-filter-recipient {
    width: 23%;
  }
  .Forms_ActiveWorkflowListSOG .title-1,
  .AccountBalancePreview .title-1,
  .CardBalancePreviewV2 .title-1 {
    font-size: 28px;
  }
  .AccountTurnoverV2 .tableFilter {
    position: relative;
  }
  .AccountTurnoverV2 .tableFilter .transaction-filter-inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box {
    width: -webkit-calc(33.3333% - 17px);
    width: calc(33.3333% - 17px);
  }
  .AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton {
    bottom: auto;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) {
    width: 22.5%;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(3) {
    width: 22.5%;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(4) {
    width: 28%;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td:last-child {
    width: 27%;
  }
  .CardTurnover .tableFilter {
    position: relative;
  }
  .CardTurnover .tableFilter .transaction-filter-inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box {
    width: -webkit-calc(33.3333% - 17px);
    width: calc(33.3333% - 17px);
  }
  .CardTurnover .tableFilter .transaction-filter-inner .filterButton {
    bottom: auto;
  }
  .CardTurnover .gvCardTurnover table tbody tr td:nth-child(2) {
    width: 22.5%;
  }
  .CardTurnover .gvCardTurnover table tbody tr td:nth-child(3) {
    width: 22.5%;
  }
  .CardTurnover .gvCardTurnover table tbody tr td:nth-child(4) {
    width: 28%;
  }
  .CardTurnover .gvCardTurnover table tbody tr td:last-child {
    width: 27%;
  }
  .CreditorTemplateManaging .account-statement-pdf-download {
    width: 87%;
  }
  .CreditorTemplateManaging .widget-tabs {
    top: -160px;
    position: absolute;
    left: 0;
    right: 0;
  }
  .CardInstallmentsV2 .tableFilter {
    position: relative;
  }
  .CardInstallmentsV2 .tableFilter .transaction-filter-inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*.filterButton {
        bottom: auto;
    }*/
  }
  .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box {
    width: -webkit-calc(33.3333% - 17px);
    width: calc(33.3333% - 17px);
  }
  .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;
  }
  .promo-banner-group.banner-group-right.banner-group-bigger {
    bottom: 170px;
  }
  .promo-banner-group.banner-group-left.banner-group-smaller {
    bottom: 98px;
  }
  .promo-banner-group.banner-group-bigger p {
    font-size: 22px;
  }
  .promo-banner-group.banner-group-smaller p {
    font-size: 22px;
  }
  .slider-wrapper {
    width: calc(100% - 110px) !important;
    height: 250px;
  }
  .slider-wrapper_middle {
    height: 150px !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;
  }
  .chartView {
    margin-left: -10px;
  }
}
@media only screen and (max-height: 759.5px) {
  .goalsAddDialog .secoundleft {
    right: 0px !important;
  }
  .goalsAddDialog .input-datum {
    width: 100% !important;
  }
  .goalsAddDialog .popup-btn-wrapper {
    z-index: 1000 !important;
  }
}
@media only screen and (max-height: 660px) {
  .formsDialog .form-container.optiscroll {
    height: 40vh !important;
  }
  .details-dialog.promoPopUp .discount-popup-img-wrapper {
    max-height: 290px !important;
  }
}
@media only screen and (max-height: 877.5px) {
  .goalsEditDetailsDialog .secoundleft {
    right: 0px !important;
  }
  .goalsEditDetailsDialog .input-datum {
    width: 100% !important;
  }
  .goalsEditDetailsDialog .popup-btn-wrapper {
    z-index: 1000 !important;
  }
}
@media only screen and (min-height: 820px) {
  .details-dialog.promoPopUp .promo-detail-text-wrapper {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1201px) and (min-height: 700px) {
  .NoticesSlider {
    position: fixed !important;
  }
}
@media only screen and (min-width: 1200px) {
  .sticky-header {
    display: block;
  }
  .sticky-header.scrolled {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .LoginBackground .login-promo-col .site-logo {
    display: none;
  }
  .slider-wrapper {
    width: calc(100% - 90px) !important;
  }
}
@media only screen and (min-width: 1200px) and (max-height: 900px) {
  .side-menu .header-logo {
    margin-bottom: -10px;
  }
  .side-menu .header-logo a {
    max-width: 80px;
    height: 55px;
  }
  .side-menu .main-menu {
    height: calc(100% - 125px);
  }
  .slider-wrapper {
    width: calc(100% - 120px) !important;
  }
}
@media only screen and (min-width: 1200px) and (max-height: 800px) {
  .LoginBackground .login-promo-col .login-promo-main .content-inner h3 {
    font-size: 80px;
  }
}
@media (max-height: 840px) {
  .TravelInsuranceDiv .generali-detail .account-item-inner {
    height: 73vh !important;
  }
  .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper {
    height: 62vh !important;
  }
  #TravelInsuranceTemplate .insuranceOverflow {
    height: 58vh;
  }
  .budgeAddDialog .account-item-inner {
    height: 67vh !important;
  }
}
@media (max-width: 893px) {
  .languagesContainer {
    top: 92px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 893px) {
  .languagesContainer {
    top: 92px;
  }
  body.LanguageLogout .languagesContainer {
    top: 927px !important;
    left: 140px;
  }
  .info-links {
    top: 208px !important;
    display: block !important;
    position: relative !important;
    margin-right: 119px !important;
  }
}
@media only screen and (min-width: 893px) and (max-width: 1200px) {
  .languagesContainer {
    top: 92px;
  }
  body.LanguageLogout .languagesContainer {
    top: 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 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  }
  body.mobile-open #page-header .mobile-btn.active li {
    left: unset;
  }
  body.mobile-open #page-header .mobile-btn.active .first {
    top: 35px;
    position: absolute;
    transform: translate3d(0, 0, 0) rotate(45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(45deg);
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
    -o-transform: translate3d(0, 0, 0) rotate(45deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform-origin: 50% 50%;
  }
  body.mobile-open #page-header .mobile-btn.active .second {
    opacity: 0;
  }
  body.mobile-open #page-header .mobile-btn.active .third {
    top: 35px;
    position: absolute;
    transform: translate3d(0, 0, 0) rotate(-45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(-45deg);
    -moz-transform: translate3d(0, 0, 0) rotate(-45deg);
    -o-transform: translate3d(0, 0, 0) rotate(-45deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform-origin: 50% 50%;
  }
  .user-intro-select-wrapper.promotions {
    display: inline-block;
    margin-top: 10px;
  }
  .promo-cards-wrapper .promo-card-img-wrapper {
    height: 17vw;
  }
  .promo-cards-wrapper .promo-card-content.promo-card-content-center {
    height: calc(100% - 17vw);
  }
  .mCSB_container {
    width: 100% !important;
  }
  .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs {
    top: -325px;
  }
  #content_wrap {
    width: 100%;
    padding-top: 50px;
    margin-bottom: -92px;
  }
  #content_wrap #page-header:after {
    height: 417px;
  }
  #content_wrap #page-header.dashboard-header .UserInfo .UserInfoHeader {
    padding-bottom: 50px;
  }
  #content_wrap #page-header:not(.dashboard-header):after {
    height: 204px;
  }
  #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name .title-1,
  #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name span.name, #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading .title-1,
  #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading span.name {
    font-size: 28px;
  }
  #content_wrap #page-header.buy_sell_currency-header:after, #content_wrap #page-header.internal_transfer-header:after, #content_wrap #page-header.intrabank_transfer-header:after, #content_wrap #page-header.third_party_transfer-header:after {
    height: 267px;
  }
  #content_wrap #page-header.view_payment_orders-header .UserInfo .UserInfoHeader, #content_wrap #page-header.beneficiaries-header .UserInfo .UserInfoHeader {
    margin-bottom: 10px;
    padding-bottom: 90px;
  }
  #content_wrap #page-header.view_payment_orders-header:after {
    height: 122px;
  }
  #content_wrap #page-header.beneficiaries-header:after, #content_wrap #page-header.messageHub-header:after {
    height: 154px;
  }
  #content_wrap #page-header.my_profile-header:after {
    height: 250px;
  }
  #content_wrap #page-header .UserInfo .UserInfoHeader {
    padding-top: 20px;
  }
  #content_wrap #page-header .UserInfo .UserInfoHeader h2.title-1 {
    display: inline;
  }
  #content_wrap .push {
    height: 92px;
  }
  .side-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 70px;
    padding: 20px;
    background-color: #EFEFEF;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    z-index: 12;
  }
  .side-menu .header-logo {
    margin: 0;
    padding: 0;
  }
  .side-menu .header-logo a {
    margin: 0;
    max-width: 160px;
    width: 160px;
  }
  .side-menu .mobile-btn {
    display: block;
    position: relative;
    width: 30px;
    height: 25px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    cursor: pointer !important;
  }
  .side-menu .mobile-btn.active .first {
    -webkit-transform: rotate(45deg) scaleX(1.04);
    transform: rotate(45deg) scaleX(1.04);
  }
  .side-menu .mobile-btn.active .second {
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    opacity: 0;
  }
  .side-menu .mobile-btn.active .third {
    -webkit-transform: rotate(-45deg) scaleX(1.04);
    transform: rotate(-45deg) scaleX(1.04);
  }
  .side-menu .mobile-btn li {
    width: 30px;
    height: 3px;
    position: absolute;
    left: 0;
    background-color: #52AE30;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  .side-menu .mobile-btn .first {
    top: 0;
  }
  .side-menu .mobile-btn .second {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .side-menu .mobile-btn .third {
    bottom: 0;
  }
  .side-menu .main-menu {
    position: fixed;
    top: 74px;
    right: 0;
    left: 0;
    bottom: 0;
    height: calc(100vh - 74px);
    transform: translate(100%, 0px);
    background-color: #EFEFEF;
    -webkit-transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
  }
  .side-menu .main-menu.active {
    transform: translate(0px, 0px);
  }
  .side-menu .main-menu .s-portal-menu {
    height: calc(100% - 21px);
    padding-top: 55px;
    z-index: 300 !important;
  }
  .side-menu .main-menu .s-portal-menu .main-nav {
    padding: 0 20px;
  }
  .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a {
    padding-left: 60px;
  }
  .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a span:after {
    content: none;
  }
  .side-menu .main-menu .s-portal-menu .main-nav li.dropdown a:after {
    content: none;
  }
  .side-menu .main-menu .s-portal-menu .main-nav li.dropdown a span {
    position: relative;
  }
  .side-menu .main-menu .s-portal-menu .main-nav li.dropdown a span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translate(0, -50%);
    width: 9px;
    height: 14px;
    background-image: url(images/icons/arrows-1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .side-menu .main-menu .s-portal-menu .main-nav li 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: rgba(0, 0, 0, 0);
    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 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  .side-menu .hamburger-menu-close .hamburger-menu-line:first-child {
    top: 0;
    -webkit-transform: rotate(45deg) scaleX(1.04);
    transform: rotate(45deg) scaleX(1.04);
  }
  .side-menu .hamburger-menu-close .hamburger-menu-line:nth-child(2) {
    -webkit-transform: rotate(-45deg) scaleX(1.04);
    transform: rotate(-45deg) scaleX(1.04);
    bottom: 0;
  }
  .MessageHubNotificationList .dot-menu-text-wrapper.messages {
    transform: translateY(-110px);
  }
  .LoginBackground .login-promo-col {
    position: relative;
    width: 100%;
  }
  .LoginBackground .login-promo-col .site-logo {
    background-image: url(images/logo/logo-2.png);
    height: 105px;
    width: 100px;
    position: absolute;
    margin: 0 auto 45px;
    top: 30px;
    left: 20px;
    z-index: 9;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .LoginBackground .login-promo-col .login-promo-main {
    padding-top: 150px;
  }
  .SliderTutorial .slider .slick-list {
    height: 35vw;
  }
  .SliderTutorial .slide {
    padding: 35px;
    height: 25vw;
  }
  .LoginRetail .login-form-col {
    width: 100%;
    min-height: 840px;
    height: 100%;
  }
  .LoginRetail .login-form-col .inner .site-logo {
    display: none;
  }
  .AccountSlider .user-intro-select-wrapper {
    top: -30%;
    margin-left: 0;
  }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2;
    top: -40px;
    width: 220px;
    left: 40%;
  }
  .Advertising.Html .advert,
  .HtmlPromo .advert {
    height: 268px;
  }
  .promo-banner-group.banner-group-right.banner-group-bigger {
    bottom: 164px;
  }
  .promo-banner-group.banner-group-left.banner-group-smaller {
    bottom: 95px;
  }
  .NoticesSlider {
    bottom: 840px;
    width: calc(100vw - 0% - 100px);
  }
  .user-intro-section-profile {
    position: absolute;
    right: 20px;
    width: 45%;
    top: 20px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .ui-dialog.right-dialog.accountsFavorites {
    top: 94px;
  }
  .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-inter-inner-scroll {
    padding: 0 20px 0 40px;
  }
  #page-footer {
    width: 100%;
  }
  #page-footer .footer-content {
    padding: 20px 10px 16px 30px;
  }
  .info-links {
    top: 106px !important;
    display: block !important;
    position: relative !important;
    margin-right: 132px !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;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1200px) {
  .side-menu .main-menu {
    left: auto;
    width: 60%;
  }
  #content_wrap.dashboard-wrap {
    top: -260px;
  }
  .LoginBackground .login-promo-col {
    min-height: 625px;
  }
  .LoginBackground .login-promo-col .login-promo-main .content-inner h3 {
    font-size: 80px;
  }
  .PaymentOverviewV2 .tableFilter .transaction-filter-inner.flex-layout {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .PaymentOverviewV2 .tableFilter .filterButton {
    margin: unset;
  }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2;
    top: -130px;
    width: 220px;
    left: 617px;
  }
}
@media only screen and (min-width: 651px) and (max-width: 768px) {
  .CreditorTemplateManaging .widget-tabs {
    top: -86px !important;
    width: 65% !important;
    z-index: 1;
  }
  .CreditorTemplateManaging .widget-tabs li a {
    padding: 4px 0px !important;
  }
  .CreditorTemplateManaging .dot-menu-text-wrapper {
    width: unset !important;
  }
  .CreditorTemplateManaging .transaction-filter-box {
    width: calc(50% - 8px) !important;
    min-width: 300px;
  }
  .CreditorTemplateManaging .account-statement-pdf-download {
    width: 55%;
  }
  .CreditorTemplateManaging .payments-ico {
    margin-right: 30px;
  }
  .AccountSlider .tabslider {
    position: 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;
  }
  .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box {
    width: calc(33.3333333334% - 17px);
    margin: 0 8px 10px;
  }
  .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton {
    position: relative;
    right: 0px;
    bottom: 0px;
    margin-bottom: -11px;
    margin-left: 10px;
  }
  .CreditorTemplateManaging .widget-tabs {
    top: -86px !important;
    width: 47% !important;
    z-index: 1;
  }
  .CreditorTemplateManaging .widget-tabs li a {
    padding: 4px 0px !important;
  }
  .CreditorTemplateManaging .dot-menu-text-wrapper {
    width: unset !important;
  }
  .CreditorTemplateManaging .transaction-filter-box {
    width: calc(50% - 8px) !important;
    min-width: 300px;
  }
  .CreditorTemplateManaging .account-statement-pdf-download {
    width: 66%;
  }
  .CreditorTemplateManaging .payments-ico {
    margin-right: 30px;
  }
  .AccountStatements .account-statement-pdf-download {
    margin-left: 15px;
  }
  .CardStatements .account-statement-pdf-download {
    margin-left: 15px;
  }
  .AccountBalancePreview .wrapper.account-card-img .account-intro-inner {
    padding: 15px 58px 15px 0px;
  }
  .CardBalancePreviewV2 .account-detail-menu .activity-popup-filter .dot-decoration {
    left: 40px;
  }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2;
    top: -40px;
    width: 220px;
    left: 40%;
  }
}
@media only screen and (min-width: 601px) and (max-width: 800px) {
  .accountDetailsPopup .transaction-popup-option .page-text {
    width: 75% !important;
  }
  .acc-details {
    width: 97%;
  }
  .LoginBackground .login-promo-col .login-promo-main .content-inner {
    padding: 0 20px 350px !important;
  }
  .LoginRetail .info-links {
    top: 26px !important;
    left: 34%;
    transform: translateX(-50%);
  }
  body.LanguageLogout .languagesContainer {
    top: 700px !important;
    left: 50%;
    transform: translateX(-50%);
  }
  .slider-wrapper {
    height: 260px;
    width: 100% !important;
    left: 50%;
    transform: translateX(-50%);
  }
  .slider-wrapper_middle {
    height: 155px !important;
  }
  .token-list .column-date p {
    margin-left: 80px !important;
    white-space: nowrap;
  }
  .token-list .column-digipass p {
    margin-left: 70px !important;
  }
  .CardTurnover .tableFilter .transaction-filter-inner,
  .CardInstallmentsV2 .tableFilter .transaction-filter-inner,
  .AccountTurnoverV2 .tableFilter .transaction-filter-inner {
    width: 100%;
  }
  .CardTurnover .tableFilter .transaction-filter-inner .filterButton,
  .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton,
  .AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton {
    position: relative;
    margin-top: 15px;
    left: 5px;
  }
  .CardTurnover .tableFilter .transaction-filter-inner .filterButton button,
  .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton button,
  .AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton button {
    margin-left: 0px !important;
  }
  .CardTurnover .dot-menu-text-wrapper,
  .CardInstallmentsV2 .dot-menu-text-wrapper,
  .AccountTurnoverV2 .dot-menu-text-wrapper {
    width: auto;
    top: -60px !important;
  }
  .CardTurnover .filter-error-text,
  .CardInstallmentsV2 .filter-error-text,
  .AccountTurnoverV2 .filter-error-text {
    margin-top: 30px;
  }
  .AccountStatements .flex-end {
    flex-wrap: wrap !important;
  }
  .AccountStatements .transaction-filter-submit-statements {
    margin-left: auto;
    margin-top: 10px;
  }
  .AccountStatements .dot-menu-text-wrapper-filter {
    width: auto !important;
    margin-left: auto;
  }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title {
    width: 62% !important;
    flex-wrap: nowrap !important;
  }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text {
    width: calc(100% - 70px) !important;
    padding-left: 20px !important;
  }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2 {
    white-space: pre-wrap;
    margin-bottom: 0px !important;
  }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance.resp {
    margin-right: -60px;
  }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner {
    margin-left: -20px;
  }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title {
    width: 90%;
  }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .account-card-text {
    margin-left: -20px;
  }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .user-accout-card-img {
    margin-bottom: 20px;
  }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .flex {
    display: block;
  }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .flex .account-detail-menu {
    position: absolute;
    right: 25px;
    top: 45%;
    width: unset !important;
  }
  .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;
  }
  .AccountBalancePreview .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;
  }
  .AccountBalancePreview .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text {
    width: calc(100% - 70px) !important;
  }
  .AccountBalancePreview .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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    width: 66%;
  }
  .CreditorTemplateManaging .payments-ico {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 950.5px) {
  .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance,
  .PaymentTransferV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance {
    margin-left: 110px !important;
  }
}
@media only screen and (min-width: 951px) and (max-width: 1200px) {
  .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance,
  .PaymentTransferV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance {
    margin-left: 200px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1300px) {
  .token-list .payment-filter-date {
    width: 18% !important;
  }
  .token-list .payment-filter-date svg {
    right: 7px !important;
  }
  .token-list .payment-filter-serialnum svg {
    right: 0px !important;
  }
  .token-list .payment-filter-device svg {
    right: 53px !important;
  }
  .token-list .payment-filter-digipass svg {
    right: 40px !important;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1000px) {
  .token-list .column-date p {
    margin-left: 150px !important;
    white-space: nowrap;
  }
  .token-list .column-digipass p {
    margin-left: 150px !important;
  }
  .SliderTutorial .widget-inner {
    margin-bottom: -100px;
  }
  .SliderTutorial .slider .slick-list {
    height: 33vw;
  }
  .SliderTutorial .slide .inner {
    margin-top: 50px;
    display: flex;
    position: relative;
    max-width: 800px !important;
  }
  .SliderTutorial .slide .inner padding {
    display: flex;
    margin-bottom: 0px;
  }
  .SliderTutorial .slide .inner .title {
    margin-bottom: 10px;
    display: flex;
    font-size: 30px;
  }
  .SliderTutorial .slide .inner .text {
    margin-bottom: 24px;
    font-size: 17px;
  }
  .SliderTutorial .slick-dots {
    bottom: 105px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1200px) {
  .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .account-detail-menu,
  .PaymentTransferV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .account-detail-menu {
    padding-right: 0px;
    margin-left: 20px;
  }
  .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance,
  .PaymentTransferV2 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance {
    margin-left: 10px;
    margin-right: -40px;
  }
}
@media only screen and (min-width: 650px) and (max-width: 1200px) {
  .LoginBackground .login-promo-col .login-promo-main {
    height: auto;
    padding-top: 150px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1400px) {
  .PaymentTransferV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .title-1 {
    font-size: 28px !important;
  }
  .PaymentOrderV2 .relative .user-account-card .account-intro-inner .accounts-intro-title {
    padding-left: 0px !important;
  }
  .PaymentOrderV2 .relative .user-account-card .account-intro-inner .account-card-text {
    padding-left: 20px !important;
  }
  .PaymentOrderV2 .relative .user-account-card .account-intro-inner .account-card-text h2 {
    font-size: 28px !important;
  }
  .PaymentOrderV2 .relative .user-account-card .account-intro-inner .flex .accounts-intro-balance h2 {
    font-size: 28px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .AccountBalancePreview .title-1 {
    font-size: 25px;
  }
  #zone_106646,
  #zone_106647 {
    width: 100% !important;
  }
  .CurrencyCalculator {
    padding-left: 0px;
  }
  .CurrencyCalculator .calculator-heading {
    left: 43.5% !important;
  }
  .token-list .column-buttons {
    right: 135px !important;
  }
  .token-list .payment-filter-digipass {
    width: 20% !important;
  }
  .token-list .group-inner {
    width: 22% !important;
  }
  .token-list .payment-filter-date {
    width: 25% !important;
  }
  .token-list .payment-filter-date svg {
    right: 0px !important;
  }
  .token-list .payment-filter-serialnum {
    width: 30% !important;
  }
  .token-list .payment-filter-serialnum svg {
    right: 10px !important;
  }
  .token-list .payment-filter-device svg {
    right: 30px !important;
  }
  .token-list .payment-filter-digipass svg {
    right: 35px !important;
  }
  .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: 45%;
  }
  .Advertising.Html .commercial-text-wrapper .title-1,
  .HtmlPromo .commercial-text-wrapper .title-1 {
    font-size: 28px;
  }
  .Advertising.Html .advert,
  .HtmlPromo .advert {
    width: 50%;
    height: 159px;
  }
  .promo-banner-group.banner-group-right.banner-group-bigger {
    margin-bottom: -120px !important;
    bottom: 96px;
  }
  .promo-banner-group.banner-group-left.banner-group-smaller {
    margin-bottom: -120px !important;
    bottom: 54px;
  }
  .promo-banner-group.banner-group-bigger p {
    top: 63%;
    font-size: 15px;
  }
  .promo-banner-group.banner-group-smaller p {
    top: 37%;
    font-size: 15px;
  }
  .promo-cards-wrapper .promo-card {
    width: calc(50% - 18px);
  }
  .promo-cards-wrapper .promo-card-img-wrapper {
    height: 25vw;
    max-height: unset;
  }
  .promo-cards-wrapper .promo-card-content.promo-card-content-center {
    height: calc(100% - 25vw);
  }
  .currency-calculator-zone {
    width: 100% !important;
  }
  .currency-calculator-zone .CurrencyCalculator-dashboard {
    margin-right: 0 !important;
  }
  .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr:nth-child(3) td, .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr:nth-child(6) td, .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr:last-child td {
    width: 100%;
  }
  .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr td {
    display: -webkit-box !important;
  }
  .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr td .payment-filter-payment {
    width: 16px !important;
    height: 16px !important;
  }
  .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table .dot-menu {
    top: 0px !important;
  }
  .currency-calculator-zone .CurrencyCalculator {
    padding-right: 0;
  }
  .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
  .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr:first-child td:last-child, .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr:nth-child(4) td:last-child {
    text-align: center !important;
    position: static !important;
    bottom: auto !important;
  }
  .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr:nth-child(3) td, .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr:last-child td {
    width: 100%;
  }
  .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr td {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr td .payment-filter-payment {
    width: 40px;
    height: 40px;
    padding: 0;
  }
  .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr td .payment-inner-text {
    width: auto;
    position: static;
    left: auto;
  }
  .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr td input {
    width: 97%;
  }
  .currency-exchange-zone {
    width: 100% !important;
  }
}
@media only screen and (max-width: 900px) {
  .AccountSlider .highcharts-container {
    width: 100% !important;
  }
  .AccountSlider .highcharts-series-group {
    transform: translateX(-43px);
  }
}
@media only screen and (max-width: 800px) {
  body.mobile-open #page-header .mobile-btn {
    padding: 15px 15px 15px 115px;
  }
  body.mobile-open #page-header .mobile-btn .first,
  body.mobile-open #page-header .mobile-btn .second,
  body.mobile-open #page-header .mobile-btn .third {
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  }
  body.mobile-open #page-header .mobile-btn.active li {
    left: unset;
  }
  body.mobile-open #page-header .mobile-btn.active .first {
    top: 35px;
    position: absolute;
    transform: translate3d(0, 0, 0) rotate(45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(45deg);
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
    -o-transform: translate3d(0, 0, 0) rotate(45deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform-origin: 50% 50%;
  }
  body.mobile-open #page-header .mobile-btn.active .second {
    opacity: 0;
  }
  body.mobile-open #page-header .mobile-btn.active .third {
    top: 35px;
    position: absolute;
    transform: translate3d(0, 0, 0) rotate(-45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(-45deg);
    -moz-transform: translate3d(0, 0, 0) rotate(-45deg);
    -o-transform: translate3d(0, 0, 0) rotate(-45deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform-origin: 50% 50%;
  }
  .promo-cards-wrapper .promo-card-content {
    padding: 18px 18px 22px 18px;
  }
  .login-form {
    margin-top: 35px !important;
  }
  #content_wrap #page-header:after {
    height: 564px;
  }
  #content_wrap #page-header .UserInfo .UserInfoHeader .user-intro-section-name .title-1,
  #content_wrap #page-header .UserInfo .UserInfoHeader .user-intro-section-name span.name {
    font-size: 25px;
  }
  #content_wrap #page-header:not(.dashboard-header):after {
    height: 277px;
  }
  #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name .title-1,
  #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name span.name, #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading .title-1,
  #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading span.name {
    font-size: 25px;
  }
  #content_wrap #page-header.buy_sell_currency-header:after, #content_wrap #page-header.internal_transfer-header:after, #content_wrap #page-header.intrabank_transfer-header:after, #content_wrap #page-header.third_party_transfer-header:after {
    height: 319px;
  }
  #content_wrap #page-header.view_payment_orders-header:after {
    height: 120px;
  }
  #content_wrap #page-header.beneficiaries-header:after, #content_wrap #page-header.messageHub-header:after {
    height: 152px;
  }
  #content_wrap #page-header.my_profile-header:after {
    height: 247px;
  }
  .token-list .tableHeader {
    margin-bottom: 0px !important;
    margin-right: 0px !important;
  }
  .token-list .button {
    float: none !important;
  }
  .token-list .button button {
    top: 20px;
    float: none !important;
  }
  .token-list .account-statements-info-wrapper {
    margin-top: 60px !important;
  }
  .side-menu .hamburger-menu-close {
    display: block;
    position: absolute;
    width: 30px;
    height: 25px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    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 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.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;
  }
  .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;
  }
  .LoginBackground .login-promo-col {
    min-height: 625px;
  }
  .LoginBackground .login-promo-col .login-promo-main .content-inner h3 {
    font-size: 50px;
  }
  .AccountBalancePreview .user-account-card,
  .CardBalancePreviewV2 .user-account-card,
  .LoanBalancePreviewV2 .user-account-card,
  .DepositBalancePreviewV2 .user-account-card,
  .FXTrading .user-account-card,
  .PaymentTransferV2 .user-account-card,
  .CardPayment .user-account-card,
  .PaymentOrderV2 .user-account-card,
  .PaymentOrderV4 .user-account-card {
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .AccountBalancePreview .user-account-card,
  .CardBalancePreviewV2 .user-account-card,
  .LoanBalancePreviewV2 .user-account-card,
  .DepositBalancePreviewV2 .user-account-card,
  .FXTrading .user-account-card,
  .PaymentTransferV2 .user-account-card,
  .CardPayment .user-account-card,
  .PaymentOrderV2 .user-account-card,
  .PaymentOrderV4 .user-account-card {
    border-radius: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .AccountBalancePreview .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,
  .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 {
    padding-left: 20px;
  }
  .AccountBalancePreview .account-intro-inner.flex-layout,
  .CardBalancePreviewV2 .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 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .AccountBalancePreview .account-intro-inner .user-account-loan-img,
  .CardBalancePreviewV2 .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 {
    margin-bottom: 20px;
  }
  .AccountBalancePreview .account-card-text,
  .CardBalancePreviewV2 .account-card-text,
  .LoanBalancePreviewV2 .account-card-text,
  .DepositBalancePreviewV2 .account-card-text,
  .FXTrading .account-card-text,
  .PaymentTransferV2 .account-card-text,
  .CardPayment .account-card-text,
  .PaymentOrderV2 .account-card-text,
  .PaymentOrderV4 .account-card-text {
    width: 65%;
  }
  .AccountBalancePreview .accounts-intro-title,
  .CardBalancePreviewV2 .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 {
    width: 52%;
    text-align: left;
    padding-left: 0;
    margin-bottom: 10px;
  }
  .AccountBalancePreview .accounts-intro-title.flex-layout,
  .CardBalancePreviewV2 .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 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .AccountBalancePreview .accounts-intro-title .user-account-card-img.accounts,
  .CardBalancePreviewV2 .accounts-intro-title .user-account-card-img.accounts,
  .LoanBalancePreviewV2 .accounts-intro-title .user-account-card-img.accounts,
  .DepositBalancePreviewV2 .accounts-intro-title .user-account-card-img.accounts,
  .FXTrading .accounts-intro-title .user-account-card-img.accounts,
  .PaymentTransferV2 .accounts-intro-title .user-account-card-img.accounts,
  .CardPayment .accounts-intro-title .user-account-card-img.accounts,
  .PaymentOrderV2 .accounts-intro-title .user-account-card-img.accounts,
  .PaymentOrderV4 .accounts-intro-title .user-account-card-img.accounts {
    margin-bottom: 20px;
  }
  .AccountBalancePreview .accounts-intro-title .user-account-card-img.cards,
  .CardBalancePreviewV2 .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 {
    margin-bottom: 20px;
  }
  .AccountBalancePreview .accounts-intro-balance,
  .CardBalancePreviewV2 .accounts-intro-balance,
  .LoanBalancePreviewV2 .accounts-intro-balance,
  .DepositBalancePreviewV2 .accounts-intro-balance,
  .FXTrading .accounts-intro-balance,
  .PaymentTransferV2 .accounts-intro-balance,
  .CardPayment .accounts-intro-balance,
  .PaymentOrderV2 .accounts-intro-balance,
  .PaymentOrderV4 .accounts-intro-balance {
    width: 100%;
    text-align: left !important;
  }
  .AccountBalancePreview .accounts-intro-balance.resp,
  .CardBalancePreviewV2 .accounts-intro-balance.resp,
  .LoanBalancePreviewV2 .accounts-intro-balance.resp,
  .DepositBalancePreviewV2 .accounts-intro-balance.resp,
  .FXTrading .accounts-intro-balance.resp,
  .PaymentTransferV2 .accounts-intro-balance.resp,
  .CardPayment .accounts-intro-balance.resp,
  .PaymentOrderV2 .accounts-intro-balance.resp,
  .PaymentOrderV4 .accounts-intro-balance.resp {
    width: 40% !important;
    text-align: right !important;
    margin-right: -40px;
    margin-top: -20px;
  }
  .AccountTurnoverV2 .s-widget-title {
    margin-bottom: 50px;
  }
  .AccountTurnoverV2 .tableFilter {
    margin-bottom: 30px;
  }
  .AccountTurnoverV2 .dot-menu-text-wrapper {
    top: -70px;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table thead tr th {
    padding-left: 16px;
    padding-right: 16px;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table thead tr th:nth-child(2) > div {
    padding-left: 30px !important;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table thead tr th:last-child > div {
    text-align: right;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table thead tr th > div {
    padding-right: 0 !important;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table thead tr th .sort-indicator {
    overflow: unset;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table thead tr th .sort-indicator .payment-filter-ico {
    right: -10px;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td {
    width: auto !important;
    padding: 0 16px;
    white-space: nowrap !important;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(3) {
    min-width: 160px;
    white-space: normal !important;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td .turnover-icon {
    margin-left: 0;
  }
  .AccountTurnoverV2 .gvAccountTurnoverPreview table tbody tr td .date {
    padding-left: 16px;
  }
  .FXTrading .user-account-card-outer .user-account-card {
    border-radius: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title {
    padding-left: 0;
  }
  .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text {
    width: 100%;
    padding-left: 0px;
  }
  .FXTrading .user-account-card-outer .user-account-card .account-detail-menu {
    position: absolute;
    left: calc(100% - 72px);
    width: 51px;
  }
  .FXTrading .accounts-intro-balance {
    margin-bottom: 20px;
  }
  .FXTrading .transaction-filter-inner {
    margin-bottom: 60px;
  }
  .CardStatements .account-statement-calendar-wrapper,
  .AccountStatements .account-statement-calendar-wrapper {
    margin-left: 0;
    width: 100%;
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
  .CardStatements .payment-filter-ico,
  .AccountStatements .payment-filter-ico {
    right: 55px;
  }
  .CardStatements .transaction-filter-box,
  .AccountStatements .transaction-filter-box {
    width: 100%;
    margin: 0 0 10px;
  }
  .CardStatements .dot-menu-text-wrapper,
  .AccountStatements .dot-menu-text-wrapper {
    width: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .CardStatements .account-statement-calendar-wrapper {
    margin-left: 0;
    width: 100%;
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
  .CardStatements .payment-filter-ico {
    right: 55px;
  }
  .CardStatements .transaction-filter-box {
    width: 100%;
    margin: 0 0 10px;
  }
  .CardStatements .dot-menu-text-wrapper {
    width: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .AccountSlider .user-account-card {
    padding: 20px;
  }
  .AccountSlider .user-account-card-left-col {
    width: 51%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .AccountSlider .user-intro-select-wrapper {
    top: -90px;
  }
  .AccountSlider .account-card-nav {
    right: 20px;
  }
  .AccountSlider .user-account-card-left-col-inner {
    width: 100%;
    margin-bottom: 20px;
  }
  .AccountSlider .user-account-card-right-col-inner {
    width: 100%;
  }
  .AccountSlider .user-chart-info {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
    display: block;
  }
  .AccountSlider .user-chart-info-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .Advertising.Html,
  .HtmlPromo {
    margin-bottom: 40px;
  }
  .Advertising.Html .commercial-wrapper,
  .HtmlPromo .commercial-wrapper {
    display: block;
  }
  .Advertising.Html .commercial-text-wrapper,
  .HtmlPromo .commercial-text-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }
  .Advertising.Html .commercial-text-wrapper .title-1,
  .HtmlPromo .commercial-text-wrapper .title-1 {
    font-size: 25px;
  }
  .Advertising.Html .advert,
  .HtmlPromo .advert {
    width: 100%;
    height: 300px;
  }
  .promo-banner-group.banner-group-right.banner-group-bigger {
    margin-bottom: -180px !important;
    bottom: 184px;
  }
  .promo-banner-group.banner-group-left.banner-group-smaller {
    margin-bottom: -180px !important;
    bottom: 106px;
  }
  .promo-banner-group.banner-group-bigger p {
    top: 63%;
    font-size: 20px;
  }
  .promo-banner-group.banner-group-smaller p {
    top: 37%;
    font-size: 20px;
  }
  .CurrencyExchangeV2 {
    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;
  }
  .PaymentOverviewV2 .tableFilter .transaction-filter-inner {
    width: 100%;
    margin-left: 0;
    margin-bottom: 60px;
  }
  .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton {
    margin-left: 5px;
  }
  .PaymentOverviewV2 .tableFilter .transaction-filter-inner.flex-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box {
    width: 100%;
    margin: 0 0 10px;
  }
  .PaymentOverviewV2 .gvOrderPreviewList {
    width: 800px;
    overflow-x: scroll;
    max-width: 100%;
  }
  .PaymentOverviewV2 .gvOrderPreviewList table {
    width: 800px;
  }
  .PaymentOverviewV2 .gvOrderPreviewList table thead th:nth-child(6) {
    display: none;
  }
  .PaymentOverviewV2 .dot-menu-text-wrapper {
    right: 15%;
    transform: translateY(-575px);
  }
  .PaymentTransferV2 .user-account-card-outer .user-account-card,
  .CardPayment .user-account-card-outer .user-account-card,
  .PaymentOrderV2 .user-account-card-outer .user-account-card,
  .PaymentOrderV4 .user-account-card-outer .user-account-card {
    border-radius: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .PaymentTransferV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title,
  .CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title,
  .PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title,
  .PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title {
    padding-left: 0;
  }
  .PaymentTransferV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text,
  .CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text,
  .PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text,
  .PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text {
    width: 100%;
    padding-left: 0;
  }
  .transferData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll,
  .intrabankData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll {
    overflow: scroll;
  }
  .transferData .accountDetailsPopup .popup-btn-wrapper,
  .intrabankData .accountDetailsPopup .popup-btn-wrapper {
    padding-bottom: 95px;
  }
  .transferSuccess .accountDetailsPopup .popup-btn-wrapper,
  .intrabankDataSuccess .accountDetailsPopup .popup-btn-wrapper {
    padding-bottom: 90px;
  }
  .CreditorTemplateManaging .popup-content {
    width: 170px;
    right: 60px;
    -webkit-transform: translateY(-57px);
    transform: translateY(-57px);
    padding: 10px;
  }
  .CreditorTemplateManaging .popup-content .dot-decoration {
    right: -18px;
    top: 15px;
  }
  .CreditorTemplateManaging .popup-content .page-text {
    margin-bottom: 3px;
    font-size: 12px;
  }
  .CreditorTemplateManaging .account-statements-info {
    padding: 10px 20px 10px 30px;
  }
  .CreditorTemplateManaging .account-statements-info-info-wrapper {
    overflow-x: auto;
  }
  .CreditorTemplateManaging .account-statements-info-inner {
    white-space: nowrap;
    width: fit-content;
  }
  .CreditorTemplateManaging .widget-tabs {
    top: -160px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
  }
  .CreditorTemplateManaging .widget-tabs li a {
    padding: 6px 42px;
    white-space: nowrap;
    padding-bottom: 5px;
    padding-top: 8px;
  }
  .CreditorTemplateManaging .margin-5 {
    margin-bottom: 34px;
  }
  .CreditorTemplateManaging .payment-filter-box:first-child {
    width: 27%;
    padding-left: 84px;
    width: 100%;
  }
  .FastPayment .dot-menu-text-wrapper {
    top: -60px;
  }
  .FastPayment .fast-pay-horizontal-scroll {
    margin-top: 60px;
  }
  .FastPayment .fast-pay-account {
    flex: 1 1 30%;
  }
  .FastPayment .fast-pay-account-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .FastPayment .dot-menu-text-wrapper {
    top: -60px;
  }
  .FastPayment .fast-pay-horizontal-scroll {
    margin-top: 60px;
  }
  .FastPayment .fast-pay-account {
    flex: 1 1 30%;
  }
  .FastPayment .fast-pay-account-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .user-intro-select-wrapper.myProfile .k-tabstrip-items {
    padding: 0 3px;
  }
  .user-intro-select-wrapper.myProfile .k-tabstrip-items .k-item {
    margin: 6px 0;
  }
  .user-intro-select-wrapper.myProfile .k-tabstrip-items .k-item .k-link {
    padding: 6px 30px 4px;
  }
  .user-intro-select-wrapper.myProfile .k-tabstrip-items .user-intro-select-indicator {
    height: -webkit-calc(100% - 12px);
    height: calc(100% - 12px);
  }
  .profile-zone .my-account-detail-intro {
    margin-top: -40px;
  }
  .PersonalSettingsV3 .inner .btn-wrapper {
    margin-bottom: 60px;
  }
  .help-triangle-ico {
    right: 6px;
    left: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .help-info-wrapper:hover .help-info-text {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
  .help-info-wrapper .help-info-text {
    left: auto;
    right: -28px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    border-radius: 6px;
  }
  .ui-dialog.right-dialog.details-dialog {
    width: 500px !important;
  }
  .ui-dialog:not(.no-yes-dialog):not(.support-dialog):not(.before-print-dialog):not(.message-hub-dialog) {
    padding: 0px 0px;
  }
  #page-header.buy_sell_currency-header .UserInfo .UserInfoHeader, #page-header.third_party_transfer-header .UserInfo .UserInfoHeader {
    padding-bottom: 80px;
  }
  .account-card-text {
    width: 100% !important;
    white-space: nowrap;
    padding-left: 0px !important;
  }
  .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;
  }
}
@media only screen and (max-width: 800px) and (max-height: 600px) {
  .Advertising.Html .advert,
  .HtmlPromo .advert {
    height: 248px;
  }
  .slider-wrapper {
    width: 100% !important;
  }
}
@media only screen and (min-width: 650px) and (max-width: 800px) {
  .LoginBackground .login-promo-col .login-promo-main .content-inner {
    padding: 0 20px 300px;
  }
  #gvLoanAnnuityPlan,
  .mCSB_container {
    width: 100% !important;
    overflow-x: scroll !important;
  }
  .PaymentTransferV2 .user-account-card-outer .user-account-card,
  .CardPayment .user-account-card-outer .user-account-card,
  .PaymentOrderV2 .user-account-card-outer .user-account-card,
  .PaymentOrderV4 .user-account-card-outer .user-account-card {
    border-radius: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .PaymentTransferV2 .user-account-card-outer .user-account-card .account-detail-menu,
  .CardPayment .user-account-card-outer .user-account-card .account-detail-menu,
  .PaymentOrderV2 .user-account-card-outer .user-account-card .account-detail-menu,
  .PaymentOrderV4 .user-account-card-outer .user-account-card .account-detail-menu {
    position: absolute;
    right: 0;
    padding-right: 0px;
    width: 10%;
  }
  /*.slider-wrapper {
      width: calc(100% - 90px) !important;
      right: auto;
  }*/
  .support-dialog .support-grid {
    display: block;
  }
  .support-dialog .support-grid .support-block {
    width: 89%;
    margin-bottom: 28px;
  }
  .support-dialog .support-grid .support-block .cta {
    text-align: center;
  }
  .support-dialog .support-grid .support-block .btn-1 {
    width: auto;
    min-width: 200px;
  }
  .AccountStatements .account-statement-pdf-download {
    margin-left: 0px;
    white-space: pre;
  }
  .AccountBalancePreview .wrapper.account-card-img .account-intro-inner {
    padding: 15px 58px 15px 20px;
  }
  .flex-end {
    flex-wrap: wrap;
  }
  .gvCardTurnover {
    overflow-x: auto;
  }
  .clientGrid {
    width: 890px !important;
    max-width: inherit !important;
  }
  .CardStatements .account-statement-pdf-download {
    margin-left: 0px;
    white-space: pre;
    margin-left: 23px;
  }
  .CardStatements .transaction-filter-submit-statements {
    margin-left: auto;
  }
  .MessageHubNotificationList {
    margin-top: 35px !important;
  }
  .MessageHubNotificationList .tableFilter .transaction-filter-inner {
    width: calc(100% - 32px);
    margin-left: -8px;
    flex-wrap: wrap;
    position: relative;
  }
  .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box {
    width: calc(33.333333% - 17px);
    margin-bottom: 20px;
  }
  .MessageHubNotificationList .tableFilter .btnExecuteFilter {
    position: relative;
    bottom: 65px;
    left: -8px;
  }
  .MessageHubNotificationList .dot-menu-text-wrapper {
    top: -85px;
  }
  .MessageHubNotificationList .s-widget-title {
    margin-bottom: 40px;
  }
  .MessageHubNotificationList .notificationMsgList .widget-tabs {
    top: -430px !important;
  }
  .account-inter-inner-scroll, .all-account-popup-title {
    padding: 0 20px !important;
  }
  .mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
  }
  .all-account-close {
    width: 40px !important;
    height: 40px !important;
    cursor: pointer !important;
    position: relative !important;
    right: unset !important;
  }
}
@media only screen and (max-width: 800px) and (max-width: 1000px) {
  .SliderTutorial .widget-inner {
    margin-bottom: -90px;
  }
  .SliderTutorial .slide {
    padding: 22px;
    background-size: 100% 115%;
    height: 30vw;
  }
  .SliderTutorial .slide .inner {
    padding-left: 0px;
    bottom: 0px;
    padding-bottom: 23px;
  }
  .SliderTutorial .slide .inner .title {
    font-size: 26px;
    display: block;
    position: fixed;
  }
  .SliderTutorial .slide .inner .text {
    font-size: 15px;
    margin-bottom: 16px;
  }
  .SliderTutorial .slide .inner p {
    display: block;
    padding-top: 27px;
    margin-bottom: 20px;
  }
  .SliderTutorial .slick-dots {
    margin-bottom: 115px;
  }
  .SliderTutorial .btn-slider-show {
    background-color: #52AE30;
    z-index: 100;
    border-radius: 38px;
    display: inline;
    padding: 13px 0px 11px;
    min-height: 27px;
    transition: all 0.5s;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1200px) {
  .SliderTutorial .widget-inner {
    margin-bottom: -90px;
  }
  .SliderTutorial .slide .inner {
    padding-left: 0px;
    bottom: 0px;
    padding-bottom: 23px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 450px) {
  .SliderTutorial .widget-inner {
    margin-bottom: -230px;
    margin-top: 140px;
  }
  .SliderTutorial .slide {
    padding: 22px;
    background-position: 50%;
    object-fit: cover;
    background-size: 100% 100%;
    height: 25vw;
  }
  .SliderTutorial .slick-dots {
    margin-bottom: 230px;
    bottom: 20px;
  }
  .SliderTutorial .slide .inner {
    bottom: 0px;
    padding-left: 0px;
  }
  .SliderTutorial .slide .inner .title {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: -16px;
  }
  .SliderTutorial .slide .inner .text {
    display: none;
  }
  .SliderTutorial .btnSlider {
    padding: 14px 0px 11px;
  }
  .SliderTutorial .btn-slider-show {
    min-height: unset;
    padding: 8px 22px 7px;
    margin-bottom: -33px;
  }
  .promo-cards-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
  .promo-cards-wrapper .promo-card {
    width: 100%;
    margin: 0 0 34px 0;
  }
  .promo-cards-wrapper .promo-card-img-wrapper {
    height: 49vw;
  }
  .promo-cards-wrapper .promo-card-content.promo-card-content-center {
    height: calc(100% - 49vw);
  }
}
@media only screen and (max-width: 720px) {
  .SliderTutorial .widget-inner {
    margin-bottom: -170px;
  }
  .SliderTutorial .slide .inner {
    padding-left: 0px;
    bottom: 10px;
    padding-bottom: 23px;
    margin-top: 0px;
  }
  .SliderTutorial .slick-dots {
    margin-bottom: 150px;
  }
  .promo-banner-group.banner-group-bigger .commercial-img, .promo-banner-group.banner-group-smaller .commercial-img {
    min-height: 70%;
    height: 70%;
  }
  .promo-banner-group.banner-group-right {
    margin-left: 0px !important;
  }
  .promo-banner-group.banner-group-right.banner-group-bigger {
    margin-top: 5px !important;
    margin-bottom: -150px !important;
    bottom: 90px;
  }
  .promo-banner-group.banner-group-right.banner-group-smaller {
    margin-top: 44px !important;
  }
  .promo-banner-group.banner-group-left {
    margin-right: 0px !important;
  }
  .promo-banner-group.banner-group-left.banner-group-smaller {
    margin-top: 5px !important;
    margin-bottom: -220px !important;
    bottom: 90px;
  }
  .promo-banner-group.banner-group-bigger p {
    top: 63%;
    font-size: 30px;
  }
  .promo-banner-group.banner-group-smaller p {
    top: 72% !important;
    font-size: 30px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .SliderTutorial .widget-inner {
    margin-bottom: 0px;
  }
  .SliderTutorial .slider .slick-list {
    height: 33vw;
  }
  .SliderTutorial .slide .inner {
    top: 50px;
  }
  .SliderTutorial .slick-dots {
    margin-bottom: -5px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1024px) {
  .SliderTutorial .widget-inner {
    margin-bottom: -70px;
  }
  .SliderTutorial .slider .slick-list {
    height: 34vw;
  }
  .SliderTutorial .slide .inner {
    bottom: 25px;
    max-width: 400px;
  }
  .SliderTutorial .slide .inner p {
    font-size: 30px;
  }
  .SliderTutorial .slide .inner .text {
    margin-bottom: 30px;
  }
  .SliderTutorial .slick-dots {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 861px) and (max-width: 1000px) {
  .SliderTutorial .widget-inner {
    margin-bottom: -90px;
  }
  .SliderTutorial .slider .slick-list {
    height: 32vw;
  }
  .SliderTutorial .slide .inner {
    bottom: 0px;
    margin-top: 15px;
  }
  .SliderTutorial .slick-dots {
    margin-bottom: -25px;
  }
}
/*
@media only screen and (min-width: 950px) {
    .SliderTutorial {
        .slick {
            &-dots {
                margin-bottom: 10px;
            }
        }
    }
}*/
@media only screen and (max-width: 660px) {
  .AccountSlider .highcharts-container {
    width: 100%;
  }
  .AccountSlider .highcharts-series-group {
    transform: translateX(-63px);
  }
  .slider-wrapper {
    width: 100% !important;
    right: 10px;
  }
  .support-dialog .support-grid {
    display: block;
  }
  .support-dialog .support-grid .support-block {
    width: 75%;
    margin-bottom: 20px;
  }
  .support-dialog .support-grid .support-block .cta {
    text-align: center;
  }
  .support-dialog .support-grid .support-block .btn-1 {
    width: auto;
    min-width: 200px;
  }
  .FXTrading .user-account-card-outer .user-account-card {
    border-radius: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title {
    padding-left: 0;
  }
  .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text {
    width: 100%;
    padding-left: 0px;
  }
  .FXTrading .user-account-card-outer .user-account-card .account-detail-menu {
    position: inherit;
    left: 0px;
    width: 100%;
  }
  .FXTrading .transaction-filter-inner .input-amount {
    width: 95%;
  }
  .CardTurnover .user-account-card-outer .user-account-card {
    border-radius: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .CardTurnover .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title {
    padding-left: 0;
  }
  .CardTurnover .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text {
    width: 100%;
    padding-left: 0px;
  }
  .CardTurnover .user-account-card-outer .user-account-card .account-detail-menu {
    position: inherit;
    left: 0px;
    width: 100%;
  }
  .CardTurnover .transaction-filter-inner .input-amount {
    width: 95%;
  }
  .CardTurnover .account-statement-pdf-download {
    margin-left: 82px;
  }
  .AccountStatements .account-statement-pdf-download {
    margin-left: 82px;
  }
  .CardStatements .account-statement-pdf-download {
    margin-left: 82px;
  }
  .AccountBalancePreview .wrapper.account-card-img .account-intro-inner {
    padding: 15px 58px 15px 20px;
  }
  .AccountBalancePreview .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 {
    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 {
    left: 180px !important;
  }
}
@media only screen and (min-width: 601px) and (max-width: 660px) {
  .CardBalancePreviewV2 .account-detail-menu .activity-popup-filter {
    left: unset !important;
  }
}
@media only screen and (min-width: 601px) and (max-width: 650px) {
  .slider-wrapper {
    left: 292px !important;
  }
  .CreditorTemplateManaging .widget-tabs {
    top: -86px !important;
    width: 75% !important;
    z-index: 1;
  }
  .CreditorTemplateManaging .widget-tabs li a {
    padding: 4px 0px !important;
  }
  .CreditorTemplateManaging .dot-menu-text-wrapper {
    width: unset !important;
  }
  .CreditorTemplateManaging .addNew {
    transform: translateY(0px);
  }
  .CreditorTemplateManaging .beneficiaries-filter-menu-wrapper-inner {
    display: block;
  }
  .CreditorTemplateManaging .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .dot-menu {
    margin-left: 0px !important;
  }
  .CreditorTemplateManaging .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .transaction-filter-box {
    width: calc(50% - 8px) !important;
    min-width: 300px;
    margin-bottom: 10px !important;
  }
  .CreditorTemplateManaging .account-statement-pdf-download {
    width: 53%;
  }
  .CreditorTemplateManaging .payments-ico {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 650px) {
  .LoginBackground .login-promo-col .login-promo-main {
    height: auto;
    padding-top: 150px;
  }
  .LoginBackground .login-promo-col .login-promo-main .content-inner {
    padding: 0 20px 300px;
  }
  .NoticesSlider {
    right: 70px;
  }
  .NoticesSlider .slider-wrapper {
    width: 100%;
  }
  .NoticesSlider .slider-wrapper .slider-wrapper_middle {
    height: 240px;
  }
  .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social ul li:first-child a {
    margin-left: 0;
  }
  .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social a {
    width: 34px;
    height: 34px;
    margin-left: 8px;
  }
  .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social a svg {
    width: 16px;
    height: 16px;
  }
  .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .icon {
    display: flex;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    margin-left: 15px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.3s;
  }
  .NoticesSlider .slider-wrapper .slider-wrapper_bottom .widget-options li i {
    width: 40px;
    height: 40px;
    background: #72808c;
    border-radius: 12px;
    margin-right: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    display: flex !important;
    text-align: center;
    margin-bottom: 24px;
  }
  .NoticesSlider .support-dialog .support-grid .support-block {
    width: 100%;
  }
  .NoticesSlider .support-dialog .support-grid .support-block .cta {
    text-align: center;
  }
  .NoticesSlider .support-dialog .support-grid .support-block .btn-1 {
    width: auto;
    min-width: 200px;
  }
}
@media only screen and (max-width: 554px) {
  .languagesContainer {
    top: 840px !important;
  }
  .CardBalancePreviewV2 .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: -200px !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: 600px) {
  .Forms_ActiveWorkflowListSOG .transaction-filter-inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .Forms_ActiveWorkflowListSOG .transaction-filter-inner .transaction-filter-box {
    max-width: 100% !important;
    width: 100% !important;
  }
  .Forms_ActiveWorkflowListSOG .transaction-filter-inner .filterButton {
    bottom: auto;
  }
  .Forms_ActiveWorkflowListSOG .transaction-filter-inner .transaction-filter-submit-statements {
    width: 100% !important;
  }
  .promo-banner-group.banner-group-bigger .commercial-img, .promo-banner-group.banner-group-smaller .commercial-img {
    min-height: 70%;
    height: 70%;
  }
  .promo-banner-group.banner-group-right {
    margin-left: 0px !important;
  }
  .promo-banner-group.banner-group-right.banner-group-bigger {
    margin-bottom: -40px !important;
    bottom: 34px;
  }
  .promo-banner-group.banner-group-left {
    margin-right: 0px !important;
  }
  .promo-banner-group.banner-group-left.banner-group-smaller {
    margin-bottom: -163px !important;
  }
  .promo-banner-group.banner-group-left.banner-group-bigger {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .promo-banner-group.banner-group-bigger p, .promo-banner-group.banner-group-smaller p {
    top: 50% !important;
  }
  .accountDetailsPopup .transaction-popup-option .page-text {
    width: 77% !important;
  }
  .acc-details {
    width: 95%;
  }
  .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs {
    top: -640px;
  }
  .user-intro-select-wrapper.my_profile {
    margin: 85px auto 50px !important;
  }
  #content_wrap .exchage_list-header:after {
    height: 180px !important;
  }
  .token-list .column-date p {
    margin-left: 150px !important;
    white-space: nowrap;
  }
  .token-list .column-digipass p {
    margin-left: 150px !important;
  }
  .SliderTutorial .widget-inner {
    margin-bottom: -180px;
  }
  .SliderTutorial .slide .inner {
    max-width: unset;
    bottom: 20px;
  }
  .SliderTutorial .slide .inner .text {
    font-size: 14px;
  }
  .SliderTutorial .slick-dots {
    margin-bottom: 180px;
  }
  .SliderTutorial .btn-slider-show {
    min-height: unset;
    padding: 10px 22px 7px;
  }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img {
    display: block;
  }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner {
    display: block;
    width: unset !important;
  }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title {
    flex-wrap: nowrap !important;
    display: block;
    margin-bottom: 20px;
  }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2 {
    margin-bottom: 0px !important;
  }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img {
    margin-bottom: 10px;
  }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance {
    margin-left: 20px !important;
    margin-bottom: -15px !important;
  }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .account-balance-amount-text {
    text-align-last: left;
    width: 100% !important;
  }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow {
    right: -175px;
    position: relative;
    top: -35px;
  }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner {
    margin-left: -20px;
  }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title {
    width: 90%;
  }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .account-card-text {
    margin-left: -20px;
  }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .user-accout-card-img {
    margin-bottom: 20px;
  }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .flex {
    display: block;
  }
  .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance,
  .PaymentTransferV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance {
    margin-left: 0px !important;
  }
  .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner,
  .PaymentTransferV2 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner {
    width: calc(100% - 117px) !important;
  }
  .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-title .user-account-card-img,
  .PaymentTransferV2 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-title .user-account-card-img {
    margin-bottom: 10px;
  }
  .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2,
  .PaymentTransferV2 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2 {
    margin-bottom: 0px;
  }
  .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance,
  .PaymentTransferV2 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance {
    margin-bottom: -15px !important;
  }
  .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow,
  .PaymentTransferV2 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow {
    right: -240px;
    top: -35px;
  }
  .CardPayment .amount-wrap,
  .CardPayment .payment-wrapper,
  .PaymentTransferV2 .amount-wrap,
  .PaymentTransferV2 .payment-wrapper {
    width: 97% !important;
  }
  .AccountStatements .account-statements-info-wrapper {
    margin-top: 30px;
  }
  .languagesContainer {
    top: 73px !important;
    right: 40px;
  }
  .LoginBackground .login-promo-col .login-promo-main .content-inner {
    padding: 0 20px 440px;
  }
  .slider-wrapper {
    height: 365px;
    right: 50%;
    transform: translate(50%);
    width: calc(100% - 19px) !important;
  }
  .slider-wrapper_middle {
    height: 180px !important;
  }
  .NoticesSlider .slider-wrapper .slider-wrapper_bottom {
    padding: 28px 0 !important;
  }
  .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social {
    float: left;
    position: absolute;
    margin-top: 60px;
  }
  .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .icon {
    width: 36px;
    height: 36px;
  }
  body.mobile-open #page-header .mobile-btn {
    padding: 15px 15px 15px 115px;
  }
  body.mobile-open #page-header .mobile-btn .first,
  body.mobile-open #page-header .mobile-btn .second,
  body.mobile-open #page-header .mobile-btn .third {
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  }
  body.mobile-open #page-header .mobile-btn.active li {
    left: unset;
  }
  body.mobile-open #page-header .mobile-btn.active .first {
    top: 35px;
    position: absolute;
    transform: translate3d(0, 0, 0) rotate(45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(45deg);
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
    -o-transform: translate3d(0, 0, 0) rotate(45deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform-origin: 50% 50%;
  }
  body.mobile-open #page-header .mobile-btn.active .second {
    opacity: 0;
  }
  body.mobile-open #page-header .mobile-btn.active .third {
    top: 35px;
    position: absolute;
    transform: translate3d(0, 0, 0) rotate(-45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(-45deg);
    -moz-transform: translate3d(0, 0, 0) rotate(-45deg);
    -o-transform: translate3d(0, 0, 0) rotate(-45deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform-origin: 50% 50%;
  }
  #content_wrap {
    margin-bottom: -130px;
  }
  #content_wrap #page-header:after {
    height: 1012px;
  }
  #content_wrap #page-header.dashboard-header .UserInfo .UserInfoHeader {
    padding-bottom: 90px;
    padding-top: 110px;
  }
  #content_wrap #page-header:not(.dashboard-header):after {
    height: 397px;
  }
  #content_wrap #page-header.buy_sell_currency-header:after, #content_wrap #page-header.internal_transfer-header:after, #content_wrap #page-header.intrabank_transfer-header:after, #content_wrap #page-header.third_party_transfer-header:after {
    height: 439px;
  }
  #content_wrap #page-header.view_payment_orders-header .UserInfo .UserInfoHeader, #content_wrap #page-header.beneficiaries-header .UserInfo .UserInfoHeader {
    padding-bottom: 70px;
  }
  #content_wrap #page-header.view_payment_orders-header:after {
    height: 192px;
  }
  #content_wrap #page-header.beneficiaries-header:after, #content_wrap #page-header.messageHub-header:after {
    height: 224px;
  }
  #content_wrap #page-header.my_profile-header:after {
    height: 386px;
  }
  #content_wrap #page-header .UserInfo .UserInfoHeader {
    padding-top: 110px;
    justify-content: center;
  }
  #content_wrap #page-header .UserInfo .UserInfoHeader .user-heading {
    text-align: center;
  }
  #content_wrap .push {
    height: 130px;
  }
  .side-menu {
    height: 50px;
    padding: 10px 20px;
  }
  .side-menu .main-menu {
    top: 48px;
    height: calc(100vh - 48px);
  }
  .side-menu .hamburger-menu-close {
    display: block;
    position: absolute;
    width: 30px;
    height: 25px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    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 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.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: 20px;
    left: 0;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .user-intro-select-wrapper.myProfile {
    padding: 0 3px;
    margin: 60px 15px 50px;
  }
  .user-intro-select-wrapper.myProfile .k-tabstrip-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
  }
  .user-intro-select-wrapper.myProfile .k-tabstrip-items .k-item {
    flex: 0 0 50%;
  }
  .user-intro-select-wrapper.myProfile .k-tabstrip-items .k-item .k-link {
    display: block;
    padding: 6px 5px 4px;
  }
  .user-intro-select-wrapper.myProfile .k-tabstrip-items .k-state-active {
    background-color: #FFFFFF;
  }
  .user-intro-select-wrapper .user-intro-select-indicator {
    display: none;
  }
  .user-account-card {
    display: block;
  }
  .userinfo .s-widget-body .heading {
    font-size: 25px;
  }
  .s-widget-title {
    text-align: center;
    margin-bottom: 20px;
  }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2;
    top: -40px;
    width: 220px;
    left: 26%;
  }
  .AccountSlider .user-account-card {
    display: block;
  }
  .AccountSlider .account-nav-inner, .AccountSlider .account-card-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .AccountSlider .account-nav-inner .account-nav-inner, .AccountSlider .account-card-nav .account-nav-inner {
    width: 60%;
  }
  .AccountSlider .account-nav-inner .account-nav-inner .account-card-btn, .AccountSlider .account-card-nav .account-nav-inner .account-card-btn {
    margin: 0 10px 0 0;
  }
  .AccountSlider .account-card-nav {
    top: 0;
    right: 0;
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .AccountSlider .user-account-card-left-col, .AccountSlider .user-account-card-right-col {
    width: 100%;
    padding: 0;
    border: none;
  }
  .AccountSlider .user-account-card-left-col {
    margin-bottom: 40px;
  }
  .AccountSlider .user-intro-select-wrapper {
    top: -80px;
  }
  .AccountSlider .user-chart-info-wrapper {
    text-align: center;
  }
  .AccountSlider .highcharts-series-group {
    transform: translateX(0px);
  }
  .AccountSlider .highcharts-container {
    width: 100%;
    transform: translateX(0px);
  }
  .LoanRepayments .loans-wrapper {
    margin-top: 70px;
  }
  .ui-dialog .ui-dialog-titlebar {
    width: auto !important;
  }
  .group-inner {
    margin-bottom: 15px !important;
    width: auto !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;
  }
  .AccountBalancePreview .relative .title-1.font-2,
  .CardBalancePreviewV2 .relative .title-1.font-2,
  .LoanBalancePreviewV2 .relative .title-1.font-2 {
    font-size: 25px !important;
    white-space: normal !important;
  }
  .promotions-header:after {
    height: 225px !important;
  }
  .user-intro-select-wrapper.promotions {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  .user-intro-select-wrapper.promotions ul {
    margin-left: 0 !important;
  }
  .user-intro-select-wrapper.promotions .k-tabstrip-items {
    left: unset;
    top: -35px !important;
    z-index: 10 !important;
  }
  .user-intro-select-wrapper.promotions .k-tabstrip-items .user-intro-select-indicator {
    display: block !important;
  }
  .user-intro-select-wrapper.promotions .k-tabstrip-items .k-state-default {
    padding: 6px 10px 6px !important;
  }
  .Forms_ActiveWorkflowListSOG .tableFilter,
  .CardInstallmentsV2 .tableFilter,
  .AccountTurnoverV2 .tableFilter,
  .CardTurnover .tableFilter,
  .PaymentOverviewV2 .tableFilter {
    margin-right: 0;
    margin-left: 0;
  }
  .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner,
  .CardInstallmentsV2 .tableFilter .transaction-filter-inner,
  .AccountTurnoverV2 .tableFilter .transaction-filter-inner,
  .CardTurnover .tableFilter .transaction-filter-inner,
  .PaymentOverviewV2 .tableFilter .transaction-filter-inner {
    width: 100%;
  }
  .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton,
  .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton,
  .AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton,
  .CardTurnover .tableFilter .transaction-filter-inner .filterButton,
  .PaymentOverviewV2 .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,
  .AccountTurnoverV2 .tableFilter .transaction-filter-inner .transaction-filter-box,
  .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box,
  .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box {
    width: 100%;
    margin: 0 0 10px;
  }
  .Forms_ActiveWorkflowListSOG .s-widget-header,
  .CardTurnover .s-widget-header,
  .AccountTurnoverV2 .s-widget-header {
    padding-bottom: 98px;
    padding-left: 0;
  }
  .Forms_ActiveWorkflowListSOG .s-widget-header table,
  .CardTurnover .s-widget-header table,
  .AccountTurnoverV2 .s-widget-header table {
    margin-bottom: 0;
  }
  .Forms_ActiveWorkflowListSOG .s-widget-title,
  .CardTurnover .s-widget-title,
  .AccountTurnoverV2 .s-widget-title {
    margin-bottom: 0;
  }
  .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button,
  .CardTurnover .tableFilter .transaction-filter-inner .filterButton button,
  .AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton button {
    margin-left: 0px !important;
  }
  .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper,
  .CardTurnover .dot-menu-text-wrapper,
  .AccountTurnoverV2 .dot-menu-text-wrapper {
    width: 100%;
    justify-content: center;
    top: -78px;
  }
  .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper .pdf-download,
  .CardTurnover .dot-menu-text-wrapper .pdf-download,
  .AccountTurnoverV2 .dot-menu-text-wrapper .pdf-download {
    margin: 0 8px;
  }
  .CardTurnover .s-widget-header {
    padding-bottom: 98px;
    padding-left: 0;
  }
  .CardTurnover .s-widget-header table {
    margin-bottom: 0;
  }
  .CardTurnover .s-widget-title {
    margin-bottom: 0;
  }
  .CardTurnover .dot-menu-text-wrapper {
    width: 100%;
    justify-content: center;
    top: -78px;
  }
  .CardTurnover .dot-menu-text-wrapper .pdf-download {
    margin: 0 8px;
  }
  .PaymentOverviewV2 .gvOrderPreviewList table {
    width: 900px;
  }
  .CardStatements .s-widget-title,
  .AccountStatements .s-widget-title {
    text-align: left;
  }
  .CardStatements .payment-filter-ico,
  .AccountStatements .payment-filter-ico {
    right: 15px;
  }
  .CardStatements .statementsFilter .account-statement-filter-wrapper.flex-layout,
  .AccountStatements .statementsFilter .account-statement-filter-wrapper.flex-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .CardStatements .statementsFilter .pdf-wrapper,
  .AccountStatements .statementsFilter .pdf-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .CardStatements .showPagination,
  .AccountStatements .showPagination {
    justify-content: flex-start;
    padding-bottom: 20px;
  }
  .CardStatements .transaction-filter-submit-statements,
  .AccountStatements .transaction-filter-submit-statements {
    margin-left: 0px;
  }
  .CardStatements .payment-filter-box:first-child,
  .AccountStatements .payment-filter-box:first-child {
    width: 10%;
    padding-left: 80px;
  }
  .CardStatements .payment-filter-recipient,
  .AccountStatements .payment-filter-recipient {
    width: 19%;
    padding-left: 100px;
  }
  .CardStatements .s-widget-title {
    text-align: left;
  }
  .CardStatements .payment-filter-ico {
    right: 15px;
  }
  .CardStatements .statementsFilter .account-statement-filter-wrapper.flex-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .CardStatements .statementsFilter .pdf-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .CardStatements .showPagination {
    justify-content: flex-start;
    padding-bottom: 20px;
  }
  .CardStatements .transaction-filter-submit-statements {
    margin-left: 0px;
  }
  .CardStatements .payment-filter-box:first-child {
    width: 10%;
    padding-left: 80px;
  }
  .CardStatements .payment-filter-recipient {
    width: 22%;
    padding-left: 100px;
  }
  .Forms_ActiveWorkflowListSOG .notificationMsgList .dot-menu-text-wrapper .wh-button,
  .MessageHubNotificationList .notificationMsgList .dot-menu-text-wrapper .wh-button {
    margin-bottom: 8px;
  }
  .Forms_ActiveWorkflowListSOG .notificationMsgList .msgHubThreadList .divTable,
  .MessageHubNotificationList .notificationMsgList .msgHubThreadList .divTable {
    width: 100%;
    overflow-x: scroll;
  }
  .Forms_ActiveWorkflowListSOG .notificationMsgList .msgHubThreadList .divTable .listOfThreads,
  .MessageHubNotificationList .notificationMsgList .msgHubThreadList .divTable .listOfThreads {
    width: 700px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper.messages,
  .MessageHubNotificationList .dot-menu-text-wrapper.messages {
    transform: translateY(-430px);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
  }
  .Forms_ActiveWorkflowListSOG .tableFilter,
  .MessageHubNotificationList .tableFilter {
    position: relative;
    top: 80px;
  }
  .Forms_ActiveWorkflowListSOG .tableFilter .btnExecuteFilter,
  .MessageHubNotificationList .tableFilter .btnExecuteFilter {
    bottom: 0;
    left: 10px;
  }
  .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-wrapper,
  .MessageHubNotificationList .tableFilter .transaction-filter-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-wrapper .transaction-filter-inner,
  .MessageHubNotificationList .tableFilter .transaction-filter-wrapper .transaction-filter-inner {
    flex-wrap: wrap;
  }
  .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-wrapper .transaction-filter-inner .transaction-filter-box,
  .MessageHubNotificationList .tableFilter .transaction-filter-wrapper .transaction-filter-inner .transaction-filter-box {
    width: 100%;
  }
  .PersonalDataV2 .page-text {
    word-break: break-all;
  }
  .PersonalSettingsV3 .inner .btn-wrapper.mt-8 {
    margin-top: 40px;
  }
  .Advertising.Html .advert,
  .HtmlPromo .advert {
    height: 132px;
  }
  .CurrencyCalculator .currency-calculator-table .payment-inner-text {
    left: 19%;
  }
  .CurrencyCalculator .calculator-heading {
    left: 33.5% !important;
  }
  .MessageHubNotificationList .tableFilter {
    margin-bottom: 40px;
  }
  .CreditorTemplateManaging .widget-tabs {
    top: -65px !important;
    width: 75% !important;
    z-index: 1;
  }
  .CreditorTemplateManaging .widget-tabs li a {
    padding: 4px 0px !important;
  }
  .CreditorTemplateManaging .paymentTemplates .beneficiaries-filter-menu-wrapper-inner {
    width: 100%;
    transform: translateY(110px);
  }
  .CreditorTemplateManaging .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .transaction-filter-box {
    width: calc(100% - 96px) !important;
  }
  .CreditorTemplateManaging .dot-menu-text-wrapper .pdf-download {
    margin-left: 70px;
  }
  .CreditorTemplateManaging .fast-pay-menu-wrapper {
    text-align: center;
    display: block;
    top: 50px;
    position: relative;
  }
  .CreditorTemplateManaging .fast-pay-menu-wrapper .title-2 {
    margin-bottom: 40px;
  }
  .CreditorTemplateManaging .addNew {
    transform: translateY(40px);
    top: unset;
    position: absolute;
  }
  .CreditorTemplateManaging .account-statements-info-wrapper {
    margin-top: 155px;
    overflow-x: hidden;
  }
  .CreditorTemplateManaging .pager {
    display: block;
  }
  .CreditorTemplateManaging .pager .show-per-page {
    margin-bottom: 20px;
  }
  .CreditorTemplateManaging .pager .showPagination {
    justify-content: flex-start;
  }
  .CreditorTemplateManaging .account-statement-pdf-download {
    width: 38%;
  }
  .CreditorTemplateManaging .account-statement-info-inner {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .CreditorTemplateManaging .account-statement-info-inner .account-statements-info {
    width: 700px;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
  }
  .PaymentTransferV2 .accounts-intro-balance,
  .CardPayment .accounts-intro-balance,
  .PaymentOrderV2 .accounts-intro-balance,
  .PaymentOrderV4 .accounts-intro-balance {
    margin-bottom: 20px;
  }
  .FastPayment {
    margin-right: -15px;
    margin-left: -15px;
  }
  .FastPayment .dot-menu-text-wrapper {
    top: -60px;
    right: 15px;
  }
  .FastPayment .fast-pay-horizontal-scroll {
    margin-top: 80px;
  }
  .FastPayment .fast-pay-account {
    min-width: 100%;
  }
  .FastPayment .mCSB_inside > .mCSB_container {
    margin-right: 0;
  }
  .profile-zone .my-account-detail-intro {
    margin-top: -10px;
  }
  .profile-zone .tabs-dropdown {
    display: none;
  }
  .clientGridPager {
    justify-content: flex-start;
    padding-bottom: 60px;
  }
  .clientGridPager .pagerButton,
  .clientGridPager .pageIndicator {
    position: relative !important;
    top: 55px;
  }
  .ui-dialog.right-dialog.details-dialog {
    width: auto;
  }
  .ui-dialog.right-dialog.visible {
    right: 13px !important;
    width: 90% !important;
  }
  .ui-dialog.right-dialog.accountsFavorites {
    width: auto !important;
    top: 20px !important;
    bottom: 20px !important;
    left: 20px !important;
    padding: 0 !important;
  }
  .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-account-popup-title {
    padding: 0 20px;
  }
  .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-account-popup-title .all-account-close {
    right: 20px;
  }
  .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-account-popup-title .title-2 {
    margin: 0;
    text-align: left;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
  }
  .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-inter-inner-scroll {
    padding: 0 3px 0 20px;
  }
  .footer-content.flex-layout {
    flex-direction: column;
  }
  .footer-text {
    margin-bottom: 20px;
  }
  .account-statements-info-wrapper {
    overflow-x: auto;
    margin-top: 155px;
    white-space: nowrap;
    width: inherit;
  }
  .account-statements-info-inner {
    width: fit-content;
  }
  .account-statements-filter-inner {
    width: fit-content;
  }
  .fast-pay-menu-wrapper .title-2 {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .account-inter-inner-scroll, .all-account-popup-title {
    padding: 0 20px !important;
  }
  .mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
  }
  .all-account-close {
    width: 40px !important;
    height: 40px !important;
    cursor: pointer !important;
    position: relative !important;
    right: unset !important;
  }
  .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;
  }
  .AccountBalancePreview .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance {
    text-align: left !important;
    margin-top: -10px;
    margin-left: 0px;
  }
  .AccountBalancePreview .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;
  }
  .AccountBalancePreview .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title {
    width: 100%;
    padding-left: 0px;
  }
  .AccountBalancePreview .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img {
    margin-bottom: 10px;
  }
  .AccountBalancePreview .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow {
    right: -300px;
  }
  .AccountBalancePreview .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner div .textAccountDetails {
    margin-bottom: 20px;
  }
  .CardBalancePreviewV2 .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;
  }
  .CardBalancePreviewV2 .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 {
    margin-bottom: 10px;
  }
  .CardBalancePreviewV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow {
    right: -300px;
  }
  .CardBalancePreviewV2 .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;
  }
  .CardBalancePreviewV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance div .textAccountDetails {
    margin-bottom: 20px;
  }
  .CurrencyExchangeV2 .s-widget-title {
    text-align: center;
    top: 10px;
    width: 100% !important;
  }
  .CurrencyExchangeV2 table {
    width: 100%;
  }
  .CurrencyExchangeV2 table tbody {
    width: 100%;
  }
  .CurrencyExchangeV2 table tbody tr td .currency-exchange-filter {
    width: 100%;
  }
  .CurrencyExchangeV2 table tbody tr td .currency-exchange-filter .transaction-filter-inner {
    width: 100%;
  }
  .CurrencyExchangeV2 table tbody tr td .currency-exchange-filter .transaction-filter-inner .transaction-filter-box {
    width: 100%;
  }
  .CurrencyExchangeV2 table tbody tr td .currency-exchange-filter .transaction-filter-inner .transaction-filter-box .transaction-calendar {
    width: unset !important;
  }
}
@media only screen and (max-width: 400px) {
  .AccountSlider .highcharts-container {
    width: 100%;
  }
  #render-wrapper {
    height: 100%;
    overflow-y: scroll;
  }
  .iosxRspButton {
    position: relative;
    bottom: -8px !important;
    margin-bottom: 50px !important;
  }
  .MessageHubNotificationList .dot-menu-text-wrapper.messages {
    transform: translateY(-485px);
  }
  .MessageHubNotificationList .notificationMsgList .widget-tabs {
    top: -685px !important;
  }
}
@media only screen and (max-width: 350px) {
  .CreditorTemplateManaging .payment-filter-box .sort-indicator-name, .CreditorTemplateManaging .payment-filter-box .sort-indicator-name-2 {
    right: -35px;
  }
  .CreditorTemplateManaging .widget-tabs li a {
    padding: 0 40px;
    padding-bottom: 4px;
    padding-top: 5px;
  }
}
@media only screen and (min-width: 1401px) {
  .transaction-filter-box:nth-child(2), .transaction-filter-box:nth-child(4), .transaction-filter-box:nth-child(6) {
    margin-right: 14px !important;
  }
}
@media only screen and (max-width: 600px) {
  #page-header.categories-header:not(.dashboard-header):after {
    height: 1310px !important;
  }
  .DateRangeV2 {
    width: 100% !important;
  }
  .pfm-ctg .date-wrapper .ctg-date .pfm-calendar, .pfm-rules .date-wrapper .ctg-date .pfm-calendar {
    width: 19px !important;
    height: 19px !important;
    position: absolute !important;
    stroke: #fff !important;
    right: 10px !important;
    top: calc(50% - 10px) !important;
    z-index: -1 !important;
  }
  .pfm-ctg .date-wrapper .ctg-date, .pfm-rules .date-wrapper .ctg-date {
    display: inline !important;
    position: relative !important;
    width: 40% !important !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 !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 0.3s, visibility 0.3s !important;
    transition: opacity 0.3s, visibility 0.3s !important;
  }
  .chartView {
    margin-left: 0px !important;
  }
  .pfm-ftc {
    overflow-x: auto !important;
  }
  .payment-filter-wrapper {
    overflow-x: hidden !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  #page-header.categories-header:not(.dashboard-header):after {
    height: 1225px !important;
  }
  .DateRangeV2 {
    width: 100% !important;
  }
  .pfm-ctg .date-wrapper .ctg-date .pfm-calendar, .pfm-rules .date-wrapper .ctg-date .pfm-calendar {
    width: 19px !important;
    height: 19px !important;
    position: absolute !important;
    stroke: #fff !important;
    right: 10px !important;
    top: calc(50% - 10px) !important;
    z-index: -1 !important;
  }
  .pfm-ctg .date-wrapper .ctg-date, .pfm-rules .date-wrapper .ctg-date {
    display: inline !important;
    position: relative !important;
    width: 40% !important !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 0.3s, visibility 0.3s !important;
    transition: opacity 0.3s, visibility 0.3s !important;
  }
  .chartView {
    margin-left: 95px !important;
  }
  .pfm-ftc {
    overflow-x: auto;
  }
  .payment-filter-wrapper {
    overflow-x: hidden !important;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1000px) {
  #page-header.categories-header:not(.dashboard-header):after {
    height: 1200px !important;
  }
  .DateRangeV2 {
    width: 100% !important;
  }
  .pfm-ctg .date-wrapper .ctg-date .pfm-calendar, .pfm-rules .date-wrapper .ctg-date .pfm-calendar {
    width: 19px !important;
    height: 19px !important;
    position: absolute !important;
    stroke: #fff !important;
    right: 10px !important;
    top: calc(50% - 10px) !important;
    z-index: -1 !important;
  }
  .pfm-ctg .date-wrapper .ctg-date, .pfm-rules .date-wrapper .ctg-date {
    display: inline !important;
    position: relative !important;
    width: 46% !important !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 0.3s, visibility 0.3s !important;
    transition: opacity 0.3s, visibility 0.3s !important;
  }
  .chartView {
    margin-left: 155px !important;
  }
  .pfm-ftc {
    overflow-x: auto !important;
  }
  .payment-filter-wrapper {
    overflow-x: hidden !important;
  }
}
@media only screen and (min-width: 1200.5px) and (max-width: 1455px) {
  .chartcategories {
    margin-left: 0px !important;
  }
  .Chart .pfm-top-expences-total-wrapper {
    width: 30% !important;
    margin-left: 21% !important;
    position: relative !important;
    top: -42px !important;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1150px) {
  .chartcategories {
    margin-left: 0px !important;
  }
  .Chart .pfm-top-expences-total-wrapper {
    width: 30% !important;
    margin-left: 21% !important;
    position: relative !important;
    top: -42px !important;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1499px) {
  .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs {
    width: 581px;
    left: 3%;
  }
  .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li {
    width: 27%;
  }
  .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a {
    padding: 6px 47px;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1700px) {
  .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs {
    width: 700px;
    left: 7%;
  }
  .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li {
    width: 27%;
  }
  .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;
  }
}

@charset "UTF-8";
/*#region fonts*/
@font-face {
  font-family: "Lato";
  src: url("fonts/Lato-Regular.eot");
  src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato-Semibold";
  src: url("fonts/Lato-Semibold.eot");
  src: url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Semibold.woff") format("woff"), url("fonts/Lato-Semibold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.eot");
  src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Sarabun";
  src: url("fonts/Sarabun-ExtraBold.eot");
  src: url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-ExtraBold.woff") format("woff"), url("fonts/Sarabun-ExtraBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Sarabun-Bold";
  src: url("fonts/Sarabun-Bold.eot");
  src: url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-Bold.woff") format("woff"), url("fonts/Sarabun-Bold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Sarabun-SemiBold";
  src: url("fonts/Sarabun-SemiBold.eot");
  src: url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-SemiBold.woff") format("woff"), url("fonts/Sarabun-SemiBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Source-Sans-Pro";
  src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff"), url("fonts/sourcesanspro-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source-Sans-Pro-bold";
  src: url("fonts/sourcesanspro-bold.woff2") format("woff2"), url("fonts/sourcesanspro-bold.woff") format("woff"), url("fonts/sourcesanspro-bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source-Sans-Pro-semibold";
  src: url("fonts/sourcesanspro-semibold.woff2") format("woff2"), url("fonts/sourcesanspro-semibold.woff") format("woff"), url("fonts/sourcesanspro-semibold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/*#endregion fonts*/
/* colors */
.Reminders {
  padding: 100px 0px 0 0px !important;
}
.Reminders #calendar .fc-header {
  visibility: collapse;
  margin-top: 10px;
}
.Reminders #calendar .fc-header .fc-header-title h2 {
  width: 160px;
  position: relative;
  top: 10px;
}
.Reminders #calendar .fc-content .fc-widget-header {
  padding: 5px;
  font-size: 14px;
  font-weight: 500;
  color: black;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #EFEFEF;
  font-family: "futura", sans-serif;
  font-weight: bold;
}
.Reminders #calendar .fc-content .fc-widget-content {
  border-top: none;
  border-left: none;
  border-top: 1px dotted rgba(0, 0, 0, 0.54);
  border-right: 1px dotted rgba(0, 0, 0, 0.54);
  border-left: 1px dotted rgba(0, 0, 0, 0.54);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
}
.Reminders #calendar .fc-content .fc-widget-content > div {
  padding: 10px;
}
.Reminders #calendar .fc-content .fc-widget-content:hover {
  background-color: #fff;
  cursor: pointer;
}
.Reminders #calendar .fc-content .fc-widget-content:hover .fc-day-number {
  color: black;
}
.Reminders #calendar .fc-content .fc-widget-content.fc-state-highlight {
  border: 2px solid #0095c9;
}
.Reminders #calendar .fc-content .fc-widget-content.fc-state-highlight .fc-day-number {
  color: black;
}
.Reminders #calendar .fc-content .fc-widget-content.fc-state-highlight:hover .fc-day-number {
  color: black;
}
.Reminders #calendar .fc-content .fc-event {
  font-size: 16px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  letter-spacing: 0.5px;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
  margin-left: -7px;
  margin-top: -25px;
}
.Reminders #calendar .fc-content .fc-event .fc-event-inner {
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Reminders #calendar .fc-content .fc-event .fc-event-skin {
  background-color: transparent;
  color: #0095c9;
}
.Reminders #calendar .fc-button {
  background: white;
  width: 40px;
  height: 40px;
  border: none;
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: center center;
}
.Reminders #calendar .fc-button.fc-button-prev {
  background-image: url(images/icons/arrow-blue-l.png);
}
.Reminders #calendar .fc-button.fc-button-next {
  background-image: url(images/icons/arrow-blue-r.png);
}
.Reminders #calendar .fc-button .fc-button-inner {
  background: transparent;
  width: 100%;
  height: 100%;
  border: solid 1px #d1d1d1;
}
.Reminders #calendar .fc-button .fc-button-inner .fc-button-content {
  width: 100%;
  height: 100%;
  padding: 0;
  visibility: hidden;
}
.Reminders #calendar .fc-button .fc-button-inner .fc-button-effect {
  display: none;
}
.Reminders #calendar .fc-grid .fc-day-number {
  color: black;
  font-weight: bold;
}
.Reminders .element-border {
  border-radius: 50px;
}
.Reminders .transaction-filter-inner .dk-selected {
  padding: 11px 12px 11px 18px;
  white-space: nowrap;
  overflow: hidden;
  background-color: white;
  border-radius: 25px;
  height: 18px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
  z-index: 2;
  transform: translate(0px, 0px);
}
.Reminders .transaction-filter-inner .short45.active {
  border-radius: 25px 25px 0 0;
}
.Reminders .transaction-filter-inner .short46.active {
  border-radius: 25px 25px 0 0;
}
.Reminders .transaction-filter-inner .dk-select-options {
  width: 100% !important;
  padding-top: 0px;
  top: 41px;
}
.Reminders .transaction-filter-inner .dk-select-options::-webkit-scrollbar {
  background: transparent;
  width: 5px;
}
.Reminders .transaction-filter-inner .dk-select-options::-webkit-scrollbar-track {
  top: 20px;
  background: transparent;
  height: 3px;
  margin-top: 20px;
  margin-bottom: 20px;
  transform: translate(0%, 0%);
}
.Reminders .transaction-filter-inner .dk-select-options::-webkit-scrollbar-thumb {
  background-color: #52ae30;
  border-radius: 5px;
  width: 4px;
  height: 3px;
  transform: translate(0%, 0%);
}
.Reminders .transaction-filter-inner .dk-select-options li.dk-option-selected {
  background: transparent;
}
.Reminders .transaction-filter-inner .dk-select-options.active {
  border-radius: 0 0 25px 25px;
  border-top: 2px solid #52ae30;
  left: 1px;
}

.calendar-reminder .widget-tabs label {
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
  color: #333333;
}
.calendar-reminder .widget-tabs li {
  padding-left: 0;
  padding-right: 0;
  width: 49%;
  margin-right: 0;
  text-align: center;
}
.calendar-reminder .widget-tabs li:not(.active) label {
  color: #9b9b9c;
}
.calendar-reminder .widget-tabs li:hover label {
  color: #333333;
}
.calendar-reminder .select-1 {
  padding-left: 0;
}
.calendar-reminder .tab {
  display: inherit;
}

.isEmptyGrid {
  padding: 0px 10px !important;
}

.isEmptyGriError {
  margin-top: 10px !important;
  padding: 0px !important;
}

.isEmptyGriErrorbetween {
  width: 100% !important;
}

.BudgetList {
  max-width: 640px;
  padding: 50px 20px 0 20px;
  margin: 0 auto;
  padding-bottom: 1px;
}
.BudgetList .transaction-filter-inner {
  margin-left: -8px;
  width: 100%;
  webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
  padding-bottom: 14px;
  margin-bottom: 24px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
}
.BudgetList .transaction-filter-box {
  width: calc(50% - 17px);
  margin: 0 8px 10px;
  position: relative;
}
.BudgetList .filterButton {
  margin-bottom: 6px;
}
.BudgetList .filterButton .transaction-filter-submit {
  border-radius: 20px;
  width: unset;
  background-color: #52AE30;
  color: #fff;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.BudgetList .filterButton .transaction-filter-submit:hover {
  background-color: #2a7f00;
}

.pfm-budgeting-box {
  padding: 16px;
  margin-bottom: 16px;
  background-color: #fff;
  border-radius: 12px;
}
.pfm-budgeting-box .payments-ico {
  background-color: #EFEFEF;
}
.pfm-budgeting-box .right .text-color-8 {
  color: black !important;
  font-weight: bold !important;
}
.pfm-budgeting-box-top-wrapper {
  margin-bottom: 16px;
}
.pfm-budgeting-box-title-wrapper {
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
  padding: 0 16px;
}
.pfm-budgeting-box .percentage-bar {
  margin-bottom: 16px;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
}
.pfm-budgeting-box .pfm-budgeting-box-info:first-child {
  border-right: 1px dotted rgba(0, 0, 0, 0.54);
}
.pfm-budgeting-box .pfm-budgeting-box-info {
  width: 50%;
}
.pfm-budgeting-box .percentage-bar-bcg {
  width: 100%;
  fill: #dfe7ef;
}
.pfm-budgeting-box .percentage-bar-progress {
  max-width: 100%;
  fill: #52AE30;
}
.pfm-budgeting-box .budget-details {
  margin-bottom: 0px !important;
}
.pfm-budgeting-box .dot-menu {
  border-radius: 50%;
}
.pfm-budgeting-box .dot-menu .dot-menu-dot {
  background-color: rgba(0, 0, 0, 0.87);
}

.popup-goals,
.popup-budget {
  width: 160px;
  margin-right: -30px;
}

.budgetViewTransactions-all-account-popup-title {
  padding: 0 30px !important;
}

.goalsViewTransactions,
.budgetViewTransactions {
  padding: 0 25px 0 15px !important;
}
.goalsViewTransactions-all-account-popup-title,
.budgetViewTransactions-all-account-popup-title {
  position: relative;
  padding: 0 90px;
  text-align: center;
}
.goalsViewTransactions-all-account-popup-title .all-account-close,
.budgetViewTransactions-all-account-popup-title .all-account-close {
  position: absolute;
  border-radius: 20px;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.goalsViewTransactions .payment-ico-border-svg,
.budgetViewTransactions .payment-ico-border-svg {
  top: -10px;
  left: -27px;
  width: 125px;
  height: 79px;
  position: absolute;
}
.goalsViewTransactions .account-item-inner,
.budgetViewTransactions .account-item-inner {
  height: 75vh !important;
  overflow-y: hidden !important;
  padding-right: 10px;
}
.goalsViewTransactions .limittext,
.budgetViewTransactions .limittext {
  width: 100%;
  /*        text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;*/
}
.goalsViewTransactions .detailstext,
.budgetViewTransactions .detailstext {
  font-family: Source Sans Pro bold, sans-serif;
  font-weight: bold;
}
.goalsViewTransactions .pending-expenses-ico-col,
.budgetViewTransactions .pending-expenses-ico-col {
  width: 80%;
}
.goalsViewTransactions .filter-error-text,
.budgetViewTransactions .filter-error-text {
  margin-top: 54px;
}

.filterSubscription-all-account-popup-title,
.predefinedSubscriptionDialog-all-account-popup-title,
.subscriptionAddDialog-all-account-popup-title,
.goalsEditDetailsDialog-all-account-popup-title,
.budgeEditDetailsDialog-all-account-popup-title {
  position: relative;
  padding: 0 100px;
  text-align: center;
}
.filterSubscription-all-account-popup-title .all-account-close,
.predefinedSubscriptionDialog-all-account-popup-title .all-account-close,
.subscriptionAddDialog-all-account-popup-title .all-account-close,
.goalsEditDetailsDialog-all-account-popup-title .all-account-close,
.budgeEditDetailsDialog-all-account-popup-title .all-account-close {
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
}
.filterSubscription .payment-ico-border-svg,
.predefinedSubscriptionDialog .payment-ico-border-svg,
.subscriptionAddDialog .payment-ico-border-svg,
.goalsEditDetailsDialog .payment-ico-border-svg,
.budgeEditDetailsDialog .payment-ico-border-svg {
  top: -10px;
  left: -27px;
  width: 125px;
  height: 79px;
  position: absolute;
}
.filterSubscription .account-item-inner,
.predefinedSubscriptionDialog .account-item-inner,
.subscriptionAddDialog .account-item-inner,
.goalsEditDetailsDialog .account-item-inner,
.budgeEditDetailsDialog .account-item-inner {
  height: 70vh !important;
  overflow-y: hidden !important;
}
.filterSubscription .popup-btn-wrapper,
.predefinedSubscriptionDialog .popup-btn-wrapper,
.subscriptionAddDialog .popup-btn-wrapper,
.goalsEditDetailsDialog .popup-btn-wrapper,
.budgeEditDetailsDialog .popup-btn-wrapper {
  position: fixed;
  bottom: 36px;
  left: 0;
  right: 0;
  height: 50px;
}

.spliteEditTransactionDialog-all-account-popup-title,
.tagTransactionDialog-all-account-popup-title,
.spliteTransactionDialog-all-account-popup-title,
.accountTurnoverSplitTransaction-all-account-popup-title,
.remindersEditDialog-all-account-popup-title,
.remindersAddDialog-all-account-popup-title {
  position: relative;
  padding: 0 100px;
  text-align: center;
}
.spliteEditTransactionDialog-all-account-popup-title .all-account-close,
.tagTransactionDialog-all-account-popup-title .all-account-close,
.spliteTransactionDialog-all-account-popup-title .all-account-close,
.accountTurnoverSplitTransaction-all-account-popup-title .all-account-close,
.remindersEditDialog-all-account-popup-title .all-account-close,
.remindersAddDialog-all-account-popup-title .all-account-close {
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 20px;
}
.spliteEditTransactionDialog .payment-ico-border-svg,
.tagTransactionDialog .payment-ico-border-svg,
.spliteTransactionDialog .payment-ico-border-svg,
.accountTurnoverSplitTransaction .payment-ico-border-svg,
.remindersEditDialog .payment-ico-border-svg,
.remindersAddDialog .payment-ico-border-svg {
  top: -10px;
  left: -27px;
  width: 125px;
  height: 79px;
  position: absolute;
}
.spliteEditTransactionDialog .account-item-inner,
.tagTransactionDialog .account-item-inner,
.spliteTransactionDialog .account-item-inner,
.accountTurnoverSplitTransaction .account-item-inner,
.remindersEditDialog .account-item-inner,
.remindersAddDialog .account-item-inner {
  height: 71vh !important;
  overflow-y: hidden !important;
}

.goalsAddDialog-all-account-popup-title,
.goalsEditDetailsDialog-all-account-popup-title,
.budgeAddDialog-all-account-popup-title {
  position: relative;
  padding: 0 100px 0 100px;
  text-align: center;
}
.goalsAddDialog-all-account-popup-title .all-account-close,
.goalsEditDetailsDialog-all-account-popup-title .all-account-close,
.budgeAddDialog-all-account-popup-title .all-account-close {
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.goalsAddDialog .payment-ico-border-svg,
.goalsEditDetailsDialog .payment-ico-border-svg,
.budgeAddDialog .payment-ico-border-svg {
  top: -10px;
  left: -27px;
  width: 125px;
  height: 79px;
  position: absolute;
}
.goalsAddDialog .account-item-inner,
.goalsEditDetailsDialog .account-item-inner,
.budgeAddDialog .account-item-inner {
  height: 70vh;
  overflow-y: hidden !important;
}
.goalsAddDialog .account-inter-inner-scroll,
.goalsEditDetailsDialog .account-inter-inner-scroll,
.budgeAddDialog .account-inter-inner-scroll {
  padding: 0 25px;
}
.goalsAddDialog .popup-btn-wrapper,
.goalsEditDetailsDialog .popup-btn-wrapper,
.budgeAddDialog .popup-btn-wrapper {
  position: fixed;
  bottom: 36px;
  left: 0;
  right: 0;
  height: 50px;
}
.goalsAddDialog .border-dotted,
.goalsEditDetailsDialog .border-dotted,
.budgeAddDialog .border-dotted {
  width: 90%;
  padding: 0 0 0 40px;
  margin-left: 23px;
}
.goalsAddDialog .line-height-1,
.goalsEditDetailsDialog .line-height-1,
.budgeAddDialog .line-height-1 {
  padding-top: 10px;
}
.goalsAddDialog .popup-ammount-wrapper,
.goalsEditDetailsDialog .popup-ammount-wrapper,
.budgeAddDialog .popup-ammount-wrapper {
  margin-right: 0% !important;
  margin-left: 30px;
}
.goalsAddDialog .transaction-popup-list p,
.goalsEditDetailsDialog .transaction-popup-list p,
.budgeAddDialog .transaction-popup-list p {
  margin-left: 30px;
}
.goalsAddDialog .budget-popup-bottom-info,
.goalsEditDetailsDialog .budget-popup-bottom-info,
.budgeAddDialog .budget-popup-bottom-info {
  margin-left: 30px;
}

.goalsListDetailsDialog .details-top {
  display: flex;
  align-items: center;
  justify-content: center;
}
.goalsListDetailsDialog .details-top .popup-ammount-ico-wrapper {
  margin-left: 0px !important;
  margin-right: 25px !important;
  margin-bottom: 0px !important;
  border-radius: 50%;
}
.goalsListDetailsDialog .details-top .details-inside-right {
  display: block;
  text-align: initial;
}
.goalsListDetailsDialog .details-top .details-inside-right p {
  margin-bottom: 0px !important;
}
.goalsListDetailsDialog .standingOrdersButtonInvisible {
  opacity: 0 !important;
  pointer-events: none !important;
}
.goalsListDetailsDialog .pfm-budgeting-popup-buttons a {
  transition: all 0.5s;
  align-self: center;
}
.goalsListDetailsDialog .pfm-budgeting-popup-buttons a:hover {
  background-color: #52AE30 !important;
  color: #FFFFFF !important;
}

.goalsListDetailsDialog .popup-ammount-ico-wrapper,
.budgeListDetailsDialog .popup-ammount-ico-wrapper {
  width: 70px;
  height: 70px;
  border-radius: 34px;
  box-shadow: none;
  margin: auto;
  margin-bottom: 19px;
  stroke: currentColor;
  background-color: #fff;
}
.goalsListDetailsDialog-all-account-popup-title,
.budgeListDetailsDialog-all-account-popup-title {
  position: relative;
  text-align: center;
  padding: 0 43px 0 0;
}
.goalsListDetailsDialog-all-account-popup-title .all-account-close,
.budgeListDetailsDialog-all-account-popup-title .all-account-close {
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
}
.goalsListDetailsDialog .payment-ico-border-svg,
.budgeListDetailsDialog .payment-ico-border-svg {
  top: -17px;
  left: -33px;
  width: 150px;
  height: 106px;
  position: absolute;
}
.goalsListDetailsDialog .payment-ico-border-svg rect,
.budgeListDetailsDialog .payment-ico-border-svg rect {
  stroke: #52ae30;
  stroke-dasharray: 314;
  stroke-dashoffset: 0;
}
.goalsListDetailsDialog .account-item-inner,
.budgeListDetailsDialog .account-item-inner {
  height: 75vh !important;
  overflow-y: hidden !important;
  padding: 0 3px 0 22px;
}
.goalsListDetailsDialog .btn-2,
.budgeListDetailsDialog .btn-2 {
  background-color: #fff;
}

.account-close-ico {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.all-accounts-small-sum {
  display: block;
  margin: 5px 0;
}

.optiscroll {
  position: relative;
}

.account-item-inner {
  height: 100%;
}

.optiscroll.is-enabled {
  overflow: hidden;
}

.filterSubscription .popup-ammount-ico-wrapper,
.predefinedSubscriptionDialog .popup-ammount-ico-wrapper,
.subscriptionAddDialog .popup-ammount-ico-wrapper,
.goalsAddDialog .popup-ammount-ico-wrapper,
.goalsEditDetailsDialog .popup-ammount-ico-wrapper,
.savingGoalsListView .popup-ammount-ico-wrapper,
.goalsListDetailsDialog .popup-ammount-ico-wrapper,
.goalsViewTransactions .popup-ammount-ico-wrapper {
  width: 70px;
  height: 70px;
  border-radius: 30px;
  margin: auto;
  margin-bottom: 20px;
  stroke: currentColor;
  background-color: #fff;
}
.filterSubscription .popup-ammount-ico,
.predefinedSubscriptionDialog .popup-ammount-ico,
.subscriptionAddDialog .popup-ammount-ico,
.goalsAddDialog .popup-ammount-ico,
.goalsEditDetailsDialog .popup-ammount-ico,
.savingGoalsListView .popup-ammount-ico,
.goalsListDetailsDialog .popup-ammount-ico,
.goalsViewTransactions .popup-ammount-ico {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.optiscroll.is-enabled > .optiscroll-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.transaction-popup-details-inner-col {
  width: 50%;
}

.border-dotted {
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
}

.percentage-bar .percentage-bar-progress {
  max-width: 100%;
  fill: #52AE30;
}

.title-6 {
  font-size: 40px;
}

.percentage-bar .percentage-bar-bcg {
  width: 100%;
  fill: #dfe7ef;
}

.pfm-budget-category-slider-container {
  padding: 0 35px;
}
.pfm-budget-category-slider-container .swiper-button-disabled {
  opacity: 0.5;
  cursor: auto;
}

.pfm-budget-category-slider-container .swiper-arrow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  fill: currentColor;
}
.pfm-budget-category-slider-container .swiper-button-next {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 35%;
  right: -5px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  cursor: pointer;
}
.pfm-budget-category-slider-container .swiper-button-prev {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 35%;
  left: -5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.pfm-budget-category-slider-container .pfm-budget-category-slider {
  overflow: hidden;
}
.pfm-budget-category-slider-container .pfm-budget-category-slider-wrapper {
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.pfm-budget-category-slider-container .pfm-budget-category-slide {
  position: relative;
  min-width: 78px;
  cursor: pointer;
}
.pfm-budget-category-slider-container .pfm-budget-category-slide:hover .pfm-budget-category-slide-image-wrapper {
  background-color: #52AE30 !important;
  border-color: transparent;
}
.pfm-budget-category-slider-container .pfm-budget-category-slide:hover .pfm-budget-category-slide-image-wrapper svg {
  stroke: #FFFFFF;
  fill: #FFFFFF;
}
.pfm-budget-category-slider-container .pfm-budget-category-input {
  position: absolute;
  border: none;
  background-color: transparent;
  border-radius: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1 !important;
}
.pfm-budget-category-slider-container .pfm-budget-category-slide-image-wrapper {
  width: 71px;
  height: 71px;
  border-radius: 43px;
  border: 3px dashed #d5e0ec;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  overflow: hidden;
}
.pfm-budget-category-slider-container .pfm-budget-category-slide-image-wrapper svg {
  stroke: rgba(0, 0, 0, 0.54);
}
.pfm-budget-category-slider-container .pfm-budget-category-slide-image-wrapper.active {
  background-color: #52AE30 !important;
  border-color: transparent;
}
.pfm-budget-category-slider-container .pfm-budget-category-slide-image-wrapper.active svg {
  stroke: #FFFFFF;
  fill: #FFFFFF;
}
.pfm-budget-category-slider-container .pfm-budget-category-slide-image {
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
  stroke: currentColor;
  max-width: 28px;
}

.goalsEditDetailsDialog .popup-ammount-wrapper {
  margin-left: 0px !important;
}

.goalsEditDetailsDialog .pfm-budget-category-slider-container .swiper-button-next,
#goalsAddDialog .pfm-budget-category-slider-container .swiper-button-next {
  right: 10px !important;
}

.popup-btn-wrapper .btn-2.full-width {
  width: 100%;
  border-radius: 38px;
}

.page-text-4 {
  font-size: 12px;
}

.subcategoriesLabel {
  margin-top: 5px;
  margin-bottom: 5px;
}

.transaction-popup-details-inner-col:first-child {
  border-right: 1px dotted rgba(0, 0, 0, 0.54);
}

.pfm-budgeting-popup-buttons .btn-2 {
  width: 33%;
  border-radius: 30px;
  color: #52AE30;
}

.remindersFilter .transaction-filter-inner {
  width: 56%;
  max-width: 366px;
}

.pfm-budgeting-form-filter {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
  padding-bottom: 14px;
  margin-bottom: 24px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
}

.pfm-form-calendar-container .transaction-filter-inner {
  width: 56%;
  max-width: 366px;
}

.pfm-budgeting-form-filter .transaction-filter-box {
  width: -webkit-calc(50% - 17px);
  width: calc(50% - 17px);
  margin: 0 8px 10px;
}

.pfm-form-calendar-container .pfm-calendar-btn {
  margin-right: 24px;
  border-radius: 38px;
  min-height: unset;
  padding: 11px 24px 8px;
}

.payment-filter-page-nav .dot-menu {
  box-shadow: 0 8px 16px #cfcfcf;
  margin: 0 4px;
}

.payment-filter-page-nav .payment-nav-prev .profile-text-arrow {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}

.fc-border-separate:hover {
  -webkit-transform: translateY(0);
}

.pfm-calendar-day-tooltip {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  left: unset;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 320px;
  padding: 16px;
  background-color: #fff;
  box-shadow: 0 8px 16pxrgba 0, 0, 0, 0.08;
  border-radius: 8px;
  cursor: auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
  visibility: visible;
  z-index: 1;
}

.pfm-calendar-day-tooltip .pfm-calendar-day-tooltip-rows-wrapper {
  margin-bottom: 16px;
}

.pfm-calendar-day-tooltip .pfm-calendar-day-tooltip-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 11px 9px 5px 17px;
  margin-bottom: 1px;
  background-color: #efefef;
  border-left: 3px solid #dcdcdc;
  height: 35px;
}

.pfm-calendar-day-tooltip .pfm-calendar-day-info-value-icon {
  right: unset;
  left: 10px;
}

.pfm-calendar-days-wrapper .pfm-calendar-icon-neg {
  fill: #f30042;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.pfm-calendar-days-wrapper .pfm-calendar-day-info-value-icon {
  position: absolute;
  width: 10px;
  height: 8px;
  top: 50%;
  right: 0;
}

.pfm-calendar-day-tooltip .pfm-calendar-day-tooltip-row-content {
  width: -webkit-calc(100% - 54px);
  width: calc(100% - 54px);
  padding: 5px 0 0 0;
}

.pfm-calendar-day-tooltip-reminder-btn-wrapper {
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}

.pfm-calendar-day-tooltip-reminder-btn-wrapper .pfm-calendar-day-tooltip-reminder-btn {
  position: relative;
  padding: 2px 2px 2px 26px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: bold;
}

.pfm-calendar-day-tooltip .pfm-calendar-day-tooltip-row-icon {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  stroke: currentColor;
}

.pfm-calendar-day-tooltip-reminder-btn-wrapper .pfm-calendar-day-tooltip-reminder-icon {
  position: absolute;
  width: 17px;
  height: 16px;
  top: 46%;
  left: 4px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  stroke: currentColor;
  color: #52AE30 !important;
}

.pfm-calendar-day-info-name {
  width: 20%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.fc-corner-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: contents;
}

.fc-event-time {
  display: inline;
  font-size: 12px;
  position: relative;
  top: -5px;
}

.pfm-calendar-day-info-value-icon {
  width: 15px;
  height: 8px;
}

.pfm-calendar-day-info-value-icon-main {
  width: 15px;
  height: 8px;
  top: -21px;
  right: -16px;
  position: relative;
  margin-left: 110px;
}

.pfm-calendar-icon-pos {
  fill: #52ae30;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.pfm-calendar-icon-neg {
  fill: #ff435a;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

#calendar {
  max-width: 1100px;
  margin: 40px auto;
}

.pfm-calendar-day-tooltip:after {
  position: absolute;
  content: "";
  top: -8px;
  left: 14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 8px;
  border-color: transparent transparent #fff;
}

.pfm-calendar-day-tooltip .pfm-calendar-day-info-value-icon {
  right: unset;
  left: 10px;
  margin-top: 14px;
}

.pfm-calendar-day-row-icons-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pfm-calendar-day-tooltip-row-icon-link {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
}

.pfm-calendar-day-tooltip-row-icon-link:first-child {
  margin-right: 4px;
}

.pfm-calendar-day-tooltip-row-icon-link {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
}

.fc-widget-content.fc-day-number:hover {
  color: white;
}

.fc-event-container {
  top: 20px !important;
  pointer-events: none;
}

.fc-widget-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 50px 8px 12px;
  border-top: 1px dotted rgba(0, 0, 0, 0.54);
  border-right: 1px dotted rgba(0, 0, 0, 0.54);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}

.pfm-calendar-day-tooltip.tooltipactive {
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.008);
}

.lastweekmonth .pfm-calendar-day-tooltip.tooltipactive {
  bottom: calc(17% - 27px);
}
.lastweekmonth .pfm-calendar-day-tooltip:after {
  position: relative;
  left: 14px;
  top: 18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 8px;
  border-color: transparent transparent #fff;
  transform: rotate(180deg);
}
.lastweekmonth .fc-fri .pfm-calendar-day-tooltip.tooltipactive {
  left: unset;
  right: -webkit-calc(23% - 24px);
  right: calc(23% - 24px);
}
.lastweekmonth .fc-fri .pfm-calendar-day-tooltip:after {
  position: relative;
  top: 18px;
  left: 300px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 8px;
  border-color: transparent transparent #fff;
  transform: rotate(180deg);
}
.lastweekmonth .fc-sat .pfm-calendar-day-tooltip.tooltipactive {
  left: unset;
  right: -webkit-calc(50% - 24px);
  right: calc(8% - 24px);
}
.lastweekmonth .fc-sat .pfm-calendar-day-tooltip:after {
  position: relative;
  top: 18px;
  left: 300px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 8px;
  border-color: transparent transparent #fff;
  transform: rotate(180deg);
}

.fc-fri .pfm-calendar-day-tooltip {
  left: unset;
  right: -webkit-calc(23% - 24px);
  right: calc(23% - 24px);
}

.fc-sat .pfm-calendar-day-tooltip {
  left: unset;
  right: -webkit-calc(50% - 24px);
  right: calc(8% - 24px);
}

.fc-fri .pfm-calendar-day-tooltip:after,
.fc-sat .pfm-calendar-day-tooltip:after {
  position: absolute;
  content: "";
  top: -8px;
  left: unset;
  right: 14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 8px;
  border-color: transparent transparent #fff;
}

.fc-border-separate:hover {
  -webkit-transform: translateY(0);
}

.td_number {
  min-height: 60px !important;
}

.fc-event-inner:hover {
  color: red;
}

.filterSubscription .wrapperIntra,
.predefinedSubscriptionDialog .wrapperIntra,
.subscriptionAddDialog .wrapperIntra,
.goalsAddDialog .wrapperIntra {
  align-items: center;
}
.filterSubscription .savingGoalsErrorCategorySelect,
.predefinedSubscriptionDialog .savingGoalsErrorCategorySelect,
.subscriptionAddDialog .savingGoalsErrorCategorySelect,
.goalsAddDialog .savingGoalsErrorCategorySelect {
  color: #FF0000;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
}
.filterSubscription .SGcreateAddedPhoto,
.predefinedSubscriptionDialog .SGcreateAddedPhoto,
.subscriptionAddDialog .SGcreateAddedPhoto,
.goalsAddDialog .SGcreateAddedPhoto {
  position: relative;
  height: 90px;
  top: 70px;
  margin-bottom: 35px;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90px;
  border-radius: 20px;
}
.filterSubscription .goalsBack-button-width,
.predefinedSubscriptionDialog .goalsBack-button-width,
.subscriptionAddDialog .goalsBack-button-width,
.goalsAddDialog .goalsBack-button-width {
  width: 98%;
}
.filterSubscription .goalsBack-button-width:hover,
.predefinedSubscriptionDialog .goalsBack-button-width:hover,
.subscriptionAddDialog .goalsBack-button-width:hover,
.goalsAddDialog .goalsBack-button-width:hover {
  background-color: #EFEFEF;
  box-shadow: 0 -2px 24px rgba(54, 60, 164, 0.4);
  transition: all 0.5s;
}
.filterSubscription .next-step-btn:hover,
.predefinedSubscriptionDialog .next-step-btn:hover,
.subscriptionAddDialog .next-step-btn:hover,
.goalsAddDialog .next-step-btn:hover {
  background-color: #2A7F00;
  transition: background-color 0.5s;
}
.filterSubscription .bottom-line-default,
.predefinedSubscriptionDialog .bottom-line-default,
.subscriptionAddDialog .bottom-line-default,
.goalsAddDialog .bottom-line-default {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
  padding-bottom: 20px;
}
.filterSubscription .svgSavingGoalsCreate,
.predefinedSubscriptionDialog .svgSavingGoalsCreate,
.subscriptionAddDialog .svgSavingGoalsCreate,
.goalsAddDialog .svgSavingGoalsCreate {
  position: relative;
  height: 50px;
  top: 70px;
  margin-bottom: 35px;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 50px;
  background-color: #52AE30;
  padding: 20px;
  border-radius: 50% !important;
}
.filterSubscription .svgSavingGoalsCreate-svg,
.predefinedSubscriptionDialog .svgSavingGoalsCreate-svg,
.subscriptionAddDialog .svgSavingGoalsCreate-svg,
.goalsAddDialog .svgSavingGoalsCreate-svg {
  height: 50px;
  stroke: #FFFFFF;
  fill: #FFFFFF;
  position: absolute;
  max-width: 50px;
}

.filterSubscription .intrabank-wrapper,
.predefinedSubscriptionDialog .intrabank-wrapper,
.subscriptionAddDialog .intrabank-wrapper,
.goalsAddDialog .intrabank-wrapper,
.goalsEditDetailsDialog .intrabank-wrapper,
.spliteTransactionDialog .intrabank-wrapper,
.budgeEditDetailsDialog .intrabank-wrapper,
.budgeAddDialog .intrabank-wrapper,
.remindersEditDialog .intrabank-wrapper,
.remindersAddDialog .intrabank-wrapper {
  position: relative;
  width: 100%;
  padding: 10px 0;
}
.filterSubscription .intrabank-wrapper.recDialog,
.predefinedSubscriptionDialog .intrabank-wrapper.recDialog,
.subscriptionAddDialog .intrabank-wrapper.recDialog,
.goalsAddDialog .intrabank-wrapper.recDialog,
.goalsEditDetailsDialog .intrabank-wrapper.recDialog,
.spliteTransactionDialog .intrabank-wrapper.recDialog,
.budgeEditDetailsDialog .intrabank-wrapper.recDialog,
.budgeAddDialog .intrabank-wrapper.recDialog,
.remindersEditDialog .intrabank-wrapper.recDialog,
.remindersAddDialog .intrabank-wrapper.recDialog {
  width: 339px;
}
.filterSubscription .intrabank-wrapper.with-label-inside .input-1,
.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside .input-1,
.subscriptionAddDialog .intrabank-wrapper.with-label-inside .input-1,
.goalsAddDialog .intrabank-wrapper.with-label-inside .input-1,
.goalsEditDetailsDialog .intrabank-wrapper.with-label-inside .input-1,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-1,
.budgeEditDetailsDialog .intrabank-wrapper.with-label-inside .input-1,
.budgeAddDialog .intrabank-wrapper.with-label-inside .input-1,
.remindersEditDialog .intrabank-wrapper.with-label-inside .input-1,
.remindersAddDialog .intrabank-wrapper.with-label-inside .input-1 {
  font-size: 15px;
  line-height: 1.4;
  height: fit-content;
  max-width: 362px;
  padding: 23px 56px 6px 19px !important;
}
.filterSubscription .intrabank-wrapper.with-label-inside .input-1.input-bold,
.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside .input-1.input-bold,
.subscriptionAddDialog .intrabank-wrapper.with-label-inside .input-1.input-bold,
.goalsAddDialog .intrabank-wrapper.with-label-inside .input-1.input-bold,
.goalsEditDetailsDialog .intrabank-wrapper.with-label-inside .input-1.input-bold,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-1.input-bold,
.budgeEditDetailsDialog .intrabank-wrapper.with-label-inside .input-1.input-bold,
.budgeAddDialog .intrabank-wrapper.with-label-inside .input-1.input-bold,
.remindersEditDialog .intrabank-wrapper.with-label-inside .input-1.input-bold,
.remindersAddDialog .intrabank-wrapper.with-label-inside .input-1.input-bold {
  font-family: "Source-Sans-Pro-bold", sans-serif;
}
.filterSubscription .intrabank-wrapper.with-label-inside .input-1:focus,
.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside .input-1:focus,
.subscriptionAddDialog .intrabank-wrapper.with-label-inside .input-1:focus,
.goalsAddDialog .intrabank-wrapper.with-label-inside .input-1:focus,
.goalsEditDetailsDialog .intrabank-wrapper.with-label-inside .input-1:focus,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-1:focus,
.budgeEditDetailsDialog .intrabank-wrapper.with-label-inside .input-1:focus,
.budgeAddDialog .intrabank-wrapper.with-label-inside .input-1:focus,
.remindersEditDialog .intrabank-wrapper.with-label-inside .input-1:focus,
.remindersAddDialog .intrabank-wrapper.with-label-inside .input-1:focus {
  border-color: #52AE30;
}
.filterSubscription .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper,
.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper,
.subscriptionAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper,
.goalsAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper,
.goalsEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper,
.budgeEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper,
.budgeAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper,
.remindersEditDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper,
.remindersAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  cursor: pointer;
}
.filterSubscription .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4,
.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4,
.subscriptionAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4,
.goalsAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4,
.goalsEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4,
.budgeEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4,
.budgeAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4,
.remindersEditDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4,
.remindersAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4 {
  background-color: #52AE30;
}
.filterSubscription .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right,
.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right,
.subscriptionAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right,
.goalsAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right,
.goalsEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right,
.budgeEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right,
.budgeAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right,
.remindersEditDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right,
.remindersAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: currentColor;
  stroke: currentColor;
}
.filterSubscription .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2,
.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2,
.subscriptionAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2,
.goalsAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2,
.goalsEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2,
.budgeEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2,
.budgeAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2,
.remindersEditDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2,
.remindersAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2 {
  color: #fff;
}
.filterSubscription .intrabank-wrapper.with-label-inside.val,
.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside.val,
.subscriptionAddDialog .intrabank-wrapper.with-label-inside.val,
.goalsAddDialog .intrabank-wrapper.with-label-inside.val,
.goalsEditDetailsDialog .intrabank-wrapper.with-label-inside.val,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside.val,
.budgeEditDetailsDialog .intrabank-wrapper.with-label-inside.val,
.budgeAddDialog .intrabank-wrapper.with-label-inside.val,
.remindersEditDialog .intrabank-wrapper.with-label-inside.val,
.remindersAddDialog .intrabank-wrapper.with-label-inside.val {
  width: 50%;
  margin-right: 80px;
}
.filterSubscription .intrabank-wrapper.with-label-inside.val .input-1,
.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside.val .input-1,
.subscriptionAddDialog .intrabank-wrapper.with-label-inside.val .input-1,
.goalsAddDialog .intrabank-wrapper.with-label-inside.val .input-1,
.goalsEditDetailsDialog .intrabank-wrapper.with-label-inside.val .input-1,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside.val .input-1,
.budgeEditDetailsDialog .intrabank-wrapper.with-label-inside.val .input-1,
.budgeAddDialog .intrabank-wrapper.with-label-inside.val .input-1,
.remindersEditDialog .intrabank-wrapper.with-label-inside.val .input-1,
.remindersAddDialog .intrabank-wrapper.with-label-inside.val .input-1 {
  width: 100%;
}
.filterSubscription .intrabank-wrapper.with-label-inside.model .input-1,
.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside.model .input-1,
.subscriptionAddDialog .intrabank-wrapper.with-label-inside.model .input-1,
.goalsAddDialog .intrabank-wrapper.with-label-inside.model .input-1,
.goalsEditDetailsDialog .intrabank-wrapper.with-label-inside.model .input-1,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside.model .input-1,
.budgeEditDetailsDialog .intrabank-wrapper.with-label-inside.model .input-1,
.budgeAddDialog .intrabank-wrapper.with-label-inside.model .input-1,
.remindersEditDialog .intrabank-wrapper.with-label-inside.model .input-1,
.remindersAddDialog .intrabank-wrapper.with-label-inside.model .input-1 {
  width: 58px !important;
}
.filterSubscription .intrabank-wrapper.with-label-inside.refNum .input-1,
.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside.refNum .input-1,
.subscriptionAddDialog .intrabank-wrapper.with-label-inside.refNum .input-1,
.goalsAddDialog .intrabank-wrapper.with-label-inside.refNum .input-1,
.goalsEditDetailsDialog .intrabank-wrapper.with-label-inside.refNum .input-1,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside.refNum .input-1,
.budgeEditDetailsDialog .intrabank-wrapper.with-label-inside.refNum .input-1,
.budgeAddDialog .intrabank-wrapper.with-label-inside.refNum .input-1,
.remindersEditDialog .intrabank-wrapper.with-label-inside.refNum .input-1,
.remindersAddDialog .intrabank-wrapper.with-label-inside.refNum .input-1 {
  width: 426px;
}
.filterSubscription .intrabank-wrapper.with-label-inside .input-text-right,
.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside .input-text-right,
.subscriptionAddDialog .intrabank-wrapper.with-label-inside .input-text-right,
.goalsAddDialog .intrabank-wrapper.with-label-inside .input-text-right,
.goalsEditDetailsDialog .intrabank-wrapper.with-label-inside .input-text-right,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-text-right,
.budgeEditDetailsDialog .intrabank-wrapper.with-label-inside .input-text-right,
.budgeAddDialog .intrabank-wrapper.with-label-inside .input-text-right,
.remindersEditDialog .intrabank-wrapper.with-label-inside .input-text-right,
.remindersAddDialog .intrabank-wrapper.with-label-inside .input-text-right {
  position: absolute;
  top: 50%;
  right: -60px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}
.filterSubscription .intrabank-wrapper .dateInput,
.predefinedSubscriptionDialog .intrabank-wrapper .dateInput,
.subscriptionAddDialog .intrabank-wrapper .dateInput,
.goalsAddDialog .intrabank-wrapper .dateInput,
.goalsEditDetailsDialog .intrabank-wrapper .dateInput,
.spliteTransactionDialog .intrabank-wrapper .dateInput,
.budgeEditDetailsDialog .intrabank-wrapper .dateInput,
.budgeAddDialog .intrabank-wrapper .dateInput,
.remindersEditDialog .intrabank-wrapper .dateInput,
.remindersAddDialog .intrabank-wrapper .dateInput {
  padding: 25px 56px 6px 24px !important;
  height: fit-content;
  border: 1px solid #dcdcdc;
  border-radius: 30px;
  width: 100%;
}
.filterSubscription .intrabank-wrapper .template,
.predefinedSubscriptionDialog .intrabank-wrapper .template,
.subscriptionAddDialog .intrabank-wrapper .template,
.goalsAddDialog .intrabank-wrapper .template,
.goalsEditDetailsDialog .intrabank-wrapper .template,
.spliteTransactionDialog .intrabank-wrapper .template,
.budgeEditDetailsDialog .intrabank-wrapper .template,
.budgeAddDialog .intrabank-wrapper .template,
.remindersEditDialog .intrabank-wrapper .template,
.remindersAddDialog .intrabank-wrapper .template {
  padding: 16px 56px 14px 24px !important;
  border: 1px solid #dcdcdc;
  border-radius: 30px;
  color: black;
  font-weight: 800;
  background-color: rgb(255, 255, 255);
  cursor: pointer;
}
.filterSubscription .intrabank-wrapper .template.recDialog,
.predefinedSubscriptionDialog .intrabank-wrapper .template.recDialog,
.subscriptionAddDialog .intrabank-wrapper .template.recDialog,
.goalsAddDialog .intrabank-wrapper .template.recDialog,
.goalsEditDetailsDialog .intrabank-wrapper .template.recDialog,
.spliteTransactionDialog .intrabank-wrapper .template.recDialog,
.budgeEditDetailsDialog .intrabank-wrapper .template.recDialog,
.budgeAddDialog .intrabank-wrapper .template.recDialog,
.remindersEditDialog .intrabank-wrapper .template.recDialog,
.remindersAddDialog .intrabank-wrapper .template.recDialog {
  display: inline-block;
  width: 318px;
}
.filterSubscription .intrabank-wrapper .toggle-btn,
.predefinedSubscriptionDialog .intrabank-wrapper .toggle-btn,
.subscriptionAddDialog .intrabank-wrapper .toggle-btn,
.goalsAddDialog .intrabank-wrapper .toggle-btn,
.goalsEditDetailsDialog .intrabank-wrapper .toggle-btn,
.spliteTransactionDialog .intrabank-wrapper .toggle-btn,
.budgeEditDetailsDialog .intrabank-wrapper .toggle-btn,
.budgeAddDialog .intrabank-wrapper .toggle-btn,
.remindersEditDialog .intrabank-wrapper .toggle-btn,
.remindersAddDialog .intrabank-wrapper .toggle-btn {
  position: absolute;
  width: 40px;
  height: 20px;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 20px;
  padding: 5px;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  background-color: #e1e1e1;
  pointer-events: none;
}
.filterSubscription .intrabank-wrapper .toggle-btn.recDialog,
.predefinedSubscriptionDialog .intrabank-wrapper .toggle-btn.recDialog,
.subscriptionAddDialog .intrabank-wrapper .toggle-btn.recDialog,
.goalsAddDialog .intrabank-wrapper .toggle-btn.recDialog,
.goalsEditDetailsDialog .intrabank-wrapper .toggle-btn.recDialog,
.spliteTransactionDialog .intrabank-wrapper .toggle-btn.recDialog,
.budgeEditDetailsDialog .intrabank-wrapper .toggle-btn.recDialog,
.budgeAddDialog .intrabank-wrapper .toggle-btn.recDialog,
.remindersEditDialog .intrabank-wrapper .toggle-btn.recDialog,
.remindersAddDialog .intrabank-wrapper .toggle-btn.recDialog {
  top: 42%;
  right: -46px;
}
.filterSubscription .intrabank-wrapper .toggle-btn .toggle-btn-switch,
.predefinedSubscriptionDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch,
.subscriptionAddDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch,
.goalsAddDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch,
.goalsEditDetailsDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch,
.spliteTransactionDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch,
.budgeEditDetailsDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch,
.budgeAddDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch,
.remindersEditDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch,
.remindersAddDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.filterSubscription .intrabank-wrapper.active .toggle-btn,
.predefinedSubscriptionDialog .intrabank-wrapper.active .toggle-btn,
.subscriptionAddDialog .intrabank-wrapper.active .toggle-btn,
.goalsAddDialog .intrabank-wrapper.active .toggle-btn,
.goalsEditDetailsDialog .intrabank-wrapper.active .toggle-btn,
.spliteTransactionDialog .intrabank-wrapper.active .toggle-btn,
.budgeEditDetailsDialog .intrabank-wrapper.active .toggle-btn,
.budgeAddDialog .intrabank-wrapper.active .toggle-btn,
.remindersEditDialog .intrabank-wrapper.active .toggle-btn,
.remindersAddDialog .intrabank-wrapper.active .toggle-btn {
  background-color: #52AE30;
}
.filterSubscription .intrabank-wrapper.active .toggle-btn .toggle-btn-switch,
.predefinedSubscriptionDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch,
.subscriptionAddDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch,
.goalsAddDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch,
.goalsEditDetailsDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch,
.spliteTransactionDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch,
.budgeEditDetailsDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch,
.budgeAddDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch,
.remindersEditDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch,
.remindersAddDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch {
  transform: translateX(100%);
}
.filterSubscription .intrabank-wrapper .animationLabel,
.predefinedSubscriptionDialog .intrabank-wrapper .animationLabel,
.subscriptionAddDialog .intrabank-wrapper .animationLabel,
.goalsAddDialog .intrabank-wrapper .animationLabel,
.goalsEditDetailsDialog .intrabank-wrapper .animationLabel,
.spliteTransactionDialog .intrabank-wrapper .animationLabel,
.budgeEditDetailsDialog .intrabank-wrapper .animationLabel,
.budgeAddDialog .intrabank-wrapper .animationLabel,
.remindersEditDialog .intrabank-wrapper .animationLabel,
.remindersAddDialog .intrabank-wrapper .animationLabel {
  position: absolute;
  top: 26px;
  left: 24px;
  padding: 0 !important;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
  -webkit-transition: color 0.2s, top 0.2s, left 0.2s, -webkit-transform 0.2s;
  transition: color 0.2s, top 0.2s, left 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, color 0.2s, top 0.2s, left 0.2s;
  transition: transform 0.2s, color 0.2s, top 0.2s, left 0.2s, -webkit-transform 0.2s;
  pointer-events: none;
  will-change: transform;
  z-index: 1;
}
.filterSubscription .intrabank-wrapper .animationLabel.date,
.predefinedSubscriptionDialog .intrabank-wrapper .animationLabel.date,
.subscriptionAddDialog .intrabank-wrapper .animationLabel.date,
.goalsAddDialog .intrabank-wrapper .animationLabel.date,
.goalsEditDetailsDialog .intrabank-wrapper .animationLabel.date,
.spliteTransactionDialog .intrabank-wrapper .animationLabel.date,
.budgeEditDetailsDialog .intrabank-wrapper .animationLabel.date,
.budgeAddDialog .intrabank-wrapper .animationLabel.date,
.remindersEditDialog .intrabank-wrapper .animationLabel.date,
.remindersAddDialog .intrabank-wrapper .animationLabel.date {
  top: 8px;
  left: 19px;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  pointer-events: none;
}
.filterSubscription .intrabank-wrapper.editfocus .animationLabel,
.predefinedSubscriptionDialog .intrabank-wrapper.editfocus .animationLabel,
.subscriptionAddDialog .intrabank-wrapper.editfocus .animationLabel,
.goalsAddDialog .intrabank-wrapper.editfocus .animationLabel,
.goalsEditDetailsDialog .intrabank-wrapper.editfocus .animationLabel,
.spliteTransactionDialog .intrabank-wrapper.editfocus .animationLabel,
.budgeEditDetailsDialog .intrabank-wrapper.editfocus .animationLabel,
.budgeAddDialog .intrabank-wrapper.editfocus .animationLabel,
.remindersEditDialog .intrabank-wrapper.editfocus .animationLabel,
.remindersAddDialog .intrabank-wrapper.editfocus .animationLabel {
  top: 14px;
  left: 15px;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.filterSubscription .intrabank-wrapper.focusin .animationLabel,
.predefinedSubscriptionDialog .intrabank-wrapper.focusin .animationLabel,
.subscriptionAddDialog .intrabank-wrapper.focusin .animationLabel,
.goalsAddDialog .intrabank-wrapper.focusin .animationLabel,
.goalsEditDetailsDialog .intrabank-wrapper.focusin .animationLabel,
.spliteTransactionDialog .intrabank-wrapper.focusin .animationLabel,
.budgeEditDetailsDialog .intrabank-wrapper.focusin .animationLabel,
.budgeAddDialog .intrabank-wrapper.focusin .animationLabel,
.remindersEditDialog .intrabank-wrapper.focusin .animationLabel,
.remindersAddDialog .intrabank-wrapper.focusin .animationLabel {
  top: 14px;
  left: 15px;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .animationLabel,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .animationLabel,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .animationLabel,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .animationLabel,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .animationLabel,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .animationLabel,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .animationLabel,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .animationLabel,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .animationLabel,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .animationLabel {
  top: 14px;
  left: 15px;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  pointer-events: none;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .exhange-form-select,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select {
  padding: 23px 30px 6px 24px;
  cursor: pointer;
  background-color: rgb(255, 255, 255);
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .element-border-6,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .element-border-6,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .element-border-6,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .element-border-6,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .element-border-6,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .element-border-6,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .element-border-6,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .element-border-6,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .element-border-6,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .element-border-6 {
  border-radius: 30px;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .relative,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .relative,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .relative,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .relative,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .relative,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .relative,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .relative,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .relative,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .relative,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .relative {
  position: relative;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .payment-filter-ico,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico {
  width: 6px;
  height: 10px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  fill: #52AE30;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down {
  right: 12px;
  top: 5px;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay {
  top: 12px;
  padding: 0 28px 0 0;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .paymentCode,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode {
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background-color: rgb(255, 255, 255);
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined {
  background-color: rgb(241, 241, 241);
  pointer-events: none;
  color: #989898;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options {
  max-height: 150px;
  display: none;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item {
  padding: 15px 16px 15px 24px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover {
  background-color: #f5f5f5;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .paymentCode.active,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options {
  display: block;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  position: absolute;
  width: 197px;
  z-index: 2;
  background-color: rgb(255, 255, 255);
  border: 1px solid #dcdcdc;
  overflow: hidden;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list {
  overflow: scroll;
  max-height: 150px;
  width: 197px;
  padding: 0;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar {
  background: white;
  width: 3px;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track {
  top: 20px;
  background: white;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb {
  background-color: #52AE30;
  border-radius: 5px;
  width: 3px;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select {
  border-bottom: 2px solid #52AE30;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .page-text,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .page-text,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .page-text,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .page-text,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .page-text,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .page-text,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .page-text,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .page-text,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .page-text,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .page-text {
  font-size: 15px;
  pointer-events: none;
}
.filterSubscription .intrabank-wrapper.label-inside-custom-select .margin-0,
.predefinedSubscriptionDialog .intrabank-wrapper.label-inside-custom-select .margin-0,
.subscriptionAddDialog .intrabank-wrapper.label-inside-custom-select .margin-0,
.goalsAddDialog .intrabank-wrapper.label-inside-custom-select .margin-0,
.goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .margin-0,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .margin-0,
.budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .margin-0,
.budgeAddDialog .intrabank-wrapper.label-inside-custom-select .margin-0,
.remindersEditDialog .intrabank-wrapper.label-inside-custom-select .margin-0,
.remindersAddDialog .intrabank-wrapper.label-inside-custom-select .margin-0 {
  margin: 0;
}
.filterSubscription .intrabank-wrapper > .validationMessage,
.predefinedSubscriptionDialog .intrabank-wrapper > .validationMessage,
.subscriptionAddDialog .intrabank-wrapper > .validationMessage,
.goalsAddDialog .intrabank-wrapper > .validationMessage,
.goalsEditDetailsDialog .intrabank-wrapper > .validationMessage,
.spliteTransactionDialog .intrabank-wrapper > .validationMessage,
.budgeEditDetailsDialog .intrabank-wrapper > .validationMessage,
.budgeAddDialog .intrabank-wrapper > .validationMessage,
.remindersEditDialog .intrabank-wrapper > .validationMessage,
.remindersAddDialog .intrabank-wrapper > .validationMessage {
  color: #FF0000;
  float: left;
  font-size: 14px;
  margin-top: 14px;
  margin-bottom: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding-left: 19px;
  position: absolute;
  display: block;
  transform: translateY(-10px);
}
.filterSubscription .intrabank-wrapper.dialog,
.predefinedSubscriptionDialog .intrabank-wrapper.dialog,
.subscriptionAddDialog .intrabank-wrapper.dialog,
.goalsAddDialog .intrabank-wrapper.dialog,
.goalsEditDetailsDialog .intrabank-wrapper.dialog,
.spliteTransactionDialog .intrabank-wrapper.dialog,
.budgeEditDetailsDialog .intrabank-wrapper.dialog,
.budgeAddDialog .intrabank-wrapper.dialog,
.remindersEditDialog .intrabank-wrapper.dialog,
.remindersAddDialog .intrabank-wrapper.dialog {
  width: 339px;
}
.filterSubscription .template-date,
.predefinedSubscriptionDialog .template-date,
.subscriptionAddDialog .template-date,
.goalsAddDialog .template-date,
.goalsEditDetailsDialog .template-date,
.spliteTransactionDialog .template-date,
.budgeEditDetailsDialog .template-date,
.budgeAddDialog .template-date,
.remindersEditDialog .template-date,
.remindersAddDialog .template-date {
  background-color: #fff;
}

.pfm-ctg {
  width: 90% !important;
}

.pfm-ctg,
.pfm-rules {
  width: 380px;
  padding-top: 20px;
}
.pfm-ctg .date-wrapper,
.pfm-rules .date-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.pfm-ctg .date-wrapper .ctg-date,
.pfm-rules .date-wrapper .ctg-date {
  display: inline;
  position: relative;
  width: 42% !important;
  z-index: 0;
}
.pfm-ctg .date-wrapper .ctg-date span,
.pfm-rules .date-wrapper .ctg-date span {
  position: absolute;
  text-transform: capitalize;
  top: -25px;
  left: 11px;
  font-size: 12px;
  color: #b1e99c;
  font-family: Lato;
  font-weight: 600;
}
.pfm-ctg .date-wrapper .ctg-date input,
.pfm-rules .date-wrapper .ctg-date input {
  padding: 9px 16px;
  border: 2px solid #b1e99c;
  border-radius: 8px;
  cursor: pointer;
  background-color: transparent;
  color: #fff;
  width: 90% !important;
  font-size: 15px;
  border-radius: 20px;
}
.pfm-ctg .date-wrapper .ctg-date img,
.pfm-rules .date-wrapper .ctg-date img {
  position: absolute;
  right: 14px;
  top: 1px;
  transform: scale(0.9);
  display: none;
  width: 110px;
}
.pfm-ctg .date-wrapper .ctg-date .pfm-calendar,
.pfm-rules .date-wrapper .ctg-date .pfm-calendar {
  width: 19px;
  height: 19px;
  position: absolute;
  stroke: #fff;
  right: -8px;
  top: calc(50% - 10px);
  z-index: -1;
}
.pfm-ctg .ctg-apply,
.pfm-rules .ctg-apply {
  margin-left: 0px !important;
  padding: 0;
  width: 100% !important;
}
.pfm-ctg .ctg-apply .btn-apply,
.pfm-rules .ctg-apply .btn-apply {
  width: 100%;
  background-color: #f60;
  border-radius: 25px;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  cursor: pointer;
  color: #FFFFFF;
  border: none;
  padding: 10px;
  margin: 0 !important;
}
.pfm-ctg .ctg-apply .btn-apply.disabled,
.pfm-rules .ctg-apply .btn-apply.disabled {
  pointer-events: none;
  opacity: 0.35;
}
.pfm-ctg .select-wrapper,
.pfm-rules .select-wrapper {
  margin: 32px 0;
  position: relative;
}
.pfm-ctg .select-wrapper .show-title,
.pfm-rules .select-wrapper .show-title {
  font-size: 12px;
  color: #b1e99c;
  font-family: Lato;
  margin-left: 11px;
  position: absolute;
  top: -20px;
  font-weight: 600;
}
.pfm-ctg .select-wrapper .selected-product,
.pfm-rules .select-wrapper .selected-product {
  padding: 9px 33px 9px 12px;
  border: 2px solid #b1e99c;
  background-color: transparent;
  color: #fff;
  border-radius: 25px;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.0012);
  position: relative;
  margin-top: 3px;
  cursor: pointer;
}
.pfm-ctg .select-wrapper .selected-product:after,
.pfm-rules .select-wrapper .selected-product:after {
  background-image: url("images/icons/arrows-2.png");
  position: absolute;
  display: block;
  content: "";
  width: 17px;
  height: 28px;
  top: calc(50% - 14px);
  right: 12px;
  transform: scale(0.5);
}
.pfm-ctg .select-wrapper .selected-product span,
.pfm-rules .select-wrapper .selected-product span {
  margin: 0;
  font-size: 15px;
  min-width: fit-content;
  margin-left: 4px;
}
.pfm-ctg .select-wrapper .list-wrapper,
.pfm-rules .select-wrapper .list-wrapper {
  position: absolute;
  background-color: #fff;
  display: none;
  border-radius: 0 0 25px 25px;
  overflow: hidden;
  z-index: 1;
  opacity: 1;
  width: 368px;
  max-height: 160px;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.0012);
}
.pfm-ctg .select-wrapper .list-wrapper .products-list,
.pfm-rules .select-wrapper .list-wrapper .products-list {
  overflow: auto;
  max-height: 161px;
  overflow: auto;
}
.pfm-ctg .select-wrapper .list-wrapper .products-list::-webkit-scrollbar,
.pfm-rules .select-wrapper .list-wrapper .products-list::-webkit-scrollbar {
  background: white;
  width: 5px;
}
.pfm-ctg .select-wrapper .list-wrapper .products-list::-webkit-scrollbar-track,
.pfm-rules .select-wrapper .list-wrapper .products-list::-webkit-scrollbar-track {
  top: 20px;
  background: transparent;
}
.pfm-ctg .select-wrapper .list-wrapper .products-list::-webkit-scrollbar-thumb,
.pfm-rules .select-wrapper .list-wrapper .products-list::-webkit-scrollbar-thumb {
  background-color: #e5e7e8;
  border-radius: 5px;
  width: 4px;
}
.pfm-ctg .select-wrapper .list-wrapper .products-list li,
.pfm-rules .select-wrapper .list-wrapper .products-list li {
  display: flex;
  padding: 12px 12px 12px 14px;
  align-items: center;
  cursor: pointer;
}
.pfm-ctg .select-wrapper .list-wrapper .products-list li.selectedType, .pfm-ctg .select-wrapper .list-wrapper .products-list li:hover,
.pfm-rules .select-wrapper .list-wrapper .products-list li.selectedType,
.pfm-rules .select-wrapper .list-wrapper .products-list li:hover {
  background-color: #f5f7f9;
  font-weight: bold;
}
.pfm-ctg .select-wrapper .list-wrapper .products-list li .product-checkbox,
.pfm-rules .select-wrapper .list-wrapper .products-list li .product-checkbox {
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 2px solid rgba(0, 0, 0, 0.54);
  margin-right: 10px;
  pointer-events: none;
}
.pfm-ctg .select-wrapper .list-wrapper .products-list li .product-checkbox.fill,
.pfm-rules .select-wrapper .list-wrapper .products-list li .product-checkbox.fill {
  background-image: url("images/icons/checkbox.png");
  background-size: 18px;
  border-color: #FFFFFF !important;
}
.pfm-ctg .select-wrapper .list-wrapper .products-list li .product-details,
.pfm-rules .select-wrapper .list-wrapper .products-list li .product-details {
  pointer-events: none;
  display: flex;
  flex-direction: column;
  font-size: 13px !important;
  color: rgb(162, 184, 207);
}
.pfm-ctg .select-wrapper .list-wrapper .products-list li .product-details .product-name,
.pfm-rules .select-wrapper .list-wrapper .products-list li .product-details .product-name {
  font-size: 15px;
  color: black !important;
}
.pfm-ctg .select-wrapper.active .selected-product,
.pfm-rules .select-wrapper.active .selected-product {
  border-radius: 25px 25px 0 0;
  background-color: #fff;
  color: black;
}
.pfm-ctg .select-wrapper.active .list-wrapper,
.pfm-rules .select-wrapper.active .list-wrapper {
  display: block;
}

.center-popup-title .title-2 {
  width: 100%;
  text-align: center;
}

.pending-expenses-box {
  margin-top: 15px;
}

.pending-expenses-ico-col {
  width: 60%;
}

.payments-ico {
  stroke: currentColor;
}

.payments-ico {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  position: relative;
}

.pending-expenses-text {
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
}

.pending-expenses-sum {
  width: 30%;
}

.pending-expenses-sum span {
  margin-left: 10px;
}

.highcharts-background {
  fill: transparent !important;
}

.SubscriptionOverview .payment-pfm-categories-filter .payment-filter-category,
.FinanceCategory .payment-pfm-categories-filter .payment-filter-category {
  width: 50%;
}
.SubscriptionOverview .payment-pfm-categories-filter .payment-info-category,
.FinanceCategory .payment-pfm-categories-filter .payment-info-category {
  width: 49%;
}
.SubscriptionOverview .payment-pfm-categories-filter .payment-info-description,
.FinanceCategory .payment-pfm-categories-filter .payment-info-description {
  width: 40%;
}
.SubscriptionOverview .payment-pfm-categories-filter .page-text .payment-filter-currency,
.FinanceCategory .payment-pfm-categories-filter .page-text .payment-filter-currency {
  margin-right: 0;
}
.SubscriptionOverview .payment-pfm-categories-filter .payment-filter-category .page-text-2,
.FinanceCategory .payment-pfm-categories-filter .payment-filter-category .page-text-2 {
  padding-left: 75px;
}
.SubscriptionOverview .payment-pfm-categories-filter.is-filter,
.FinanceCategory .payment-pfm-categories-filter.is-filter {
  min-height: 220px;
  padding-top: 40px;
}
.SubscriptionOverview .payment-filter-payment,
.FinanceCategory .payment-filter-payment {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}
.SubscriptionOverview .payment-filter-payment .page-text,
.FinanceCategory .payment-filter-payment .page-text {
  word-break: break-all;
}
.SubscriptionOverview .payment-filter-payment .percentage-text,
.FinanceCategory .payment-filter-payment .percentage-text {
  width: 67px;
}
.SubscriptionOverview .percentage-bar-wrapper .percentage-bar,
.FinanceCategory .percentage-bar-wrapper .percentage-bar {
  width: -webkit-calc(100% - 42px);
  width: calc(100% - 42px);
}
.SubscriptionOverview .payment-pfm-categories-filter .page-text .payment-filter-currency,
.FinanceCategory .payment-pfm-categories-filter .page-text .payment-filter-currency {
  margin-right: 0;
  margin: 0 5px;
}

.highcharts-title {
  max-width: 100px;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  font-size: 15px;
  text-align: center;
  white-space: normal !important;
  color: rgba(0, 0, 0, 0.54);
  fill: rgba(0, 0, 0, 0.54);
}

.pfm-top-expences-total-wrapper {
  width: 19%;
  display: inline-block;
}

.pfm-total-no-selected.active, .pfm-total-on-selected.active {
  display: block;
}

.pfm-total-no-selected, .pfm-total-on-selected {
  display: none;
}

.letter-spacing-1 {
  letter-spacing: -0.02em;
}

.pfm-pie {
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
}
.pfm-pie .pfm-donut {
  width: 100%;
  height: 100%;
}
.pfm-pie .donut-hole {
  fill: #52AE30;
}
.pfm-pie .donut-ring {
  stroke: #2a7f00;
}
.pfm-pie .donut-segment {
  stroke: #b1e99c;
}
.pfm-pie .page-text-3 {
  font-size: 16px;
}

.chartcategories {
  display: inline-block !important;
  position: relative !important;
  width: 265px !important;
  padding: 0 0 0 0 !important;
  margin-top: -65px;
  margin-left: 50px;
}

.page-text-3 {
  font-size: 16px;
}

.Chart .pfm-top-expences-total-wrapper {
  width: 30%;
  margin-left: 25%;
  position: relative;
  top: -42px;
}

.side-modal.type-2.ruleForm {
  background-color: transparent;
}

.ruleForm .changeText {
  top: 8px !important;
  font-size: 12px !important;
  color: #52AE30 !important;
  font-weight: unset;
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
}
.ruleForm .redErrorBorder {
  border-color: #FF0000 !important;
}
.ruleForm .validationMessage {
  padding-left: 16px !important;
  margin-top: 5px !important;
}
.ruleForm .disableDelete .wrapper-border .remove-btn {
  display: none;
}

.pfmpopup-content {
  position: absolute;
  margin-right: 0%;
  z-index: 300;
  background-color: #EFEFEF;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  visibility: hidden;
  -webkit-transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  margin-left: -88px;
}
.pfmpopup-content.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  z-index: 999999;
}
.pfmpopup-content .dot-decoration {
  top: -14px;
  right: 15px;
}

.spliteEditTransactionDialog-all-account-popup-title,
.spliteTransactionDialog-all-account-popup-title {
  position: relative;
  padding: 0 100px;
  text-align: center;
  padding: 40px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.spliteEditTransactionDialog-all-account-popup-title .all-account-close,
.spliteTransactionDialog-all-account-popup-title .all-account-close {
  position: absolute;
  top: 23%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.spliteEditTransactionDialog .payment-ico-border-svg,
.spliteTransactionDialog .payment-ico-border-svg {
  top: -10px;
  left: -27px;
  width: 125px;
  height: 79px;
  position: absolute;
}
.spliteEditTransactionDialog .account-item-inner,
.spliteTransactionDialog .account-item-inner {
  height: 55vh !important;
  overflow-y: hidden !important;
  margin-top: -50px;
}
.spliteEditTransactionDialog .account-inter-inner-scroll,
.spliteTransactionDialog .account-inter-inner-scroll {
  margin-left: 25px !important;
  margin-right: 20px;
}
.spliteEditTransactionDialog .turnover-icon,
.spliteTransactionDialog .turnover-icon {
  margin-left: 0 !important;
}
.spliteEditTransactionDialog .pfm-calendar-day-tooltip-reminder-icon,
.spliteTransactionDialog .pfm-calendar-day-tooltip-reminder-icon {
  top: 43%;
  left: -60px;
}
.spliteEditTransactionDialog .split-transaction-remove-btn,
.spliteTransactionDialog .split-transaction-remove-btn {
  cursor: pointer;
}
.spliteEditTransactionDialog .split-transaction-remove-btn:hover,
.spliteTransactionDialog .split-transaction-remove-btn:hover {
  color: #52AE30;
}
.spliteEditTransactionDialog .popup-btn-wrapper,
.spliteTransactionDialog .popup-btn-wrapper {
  position: fixed;
  bottom: 25px;
  left: 0;
  right: 0;
}
.spliteEditTransactionDialog .pfm-calendar-day-tooltip-reminder-btn-wrapper,
.spliteTransactionDialog .pfm-calendar-day-tooltip-reminder-btn-wrapper {
  margin: 62px !important;
  text-align: center;
  cursor: pointer;
}

.split-transactions-container {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
}

.split-transaction-box {
  margin-bottom: 20px;
}

.split-transaction-box:not(:last-child) {
  margin-bottom: 20px;
}

.split-transaction-number-wrapper {
  position: relative;
  margin-bottom: 14px;
  margin-top: 15px;
}

.input-grid-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.split-transaction-inputs-wrapper .input-wrapper.col-2 {
  width: 92px;
  min-width: unset;
  margin-right: 16px;
}

.input-grid-wrapper .col-2 {
  width: 33%;
  min-width: 180px;
  margin-right: 8px;
}

.split-transaction-inputs-wrapper .input-wrapper.full-minus-col-2 {
  width: -webkit-calc(100% - 156px);
  width: calc(100% - 183px);
}

.input-grid-wrapper .col-last {
  margin-right: 8px;
  top: 9px;
}

.input-grid-wrapper .full-minus-col-2 {
  width: -webkit-calc(100% - (33% + 8px));
  width: calc(100% - (33% + 8px));
  margin-right: 8px;
}

.popup-btn-wrapper {
  padding: 0 40px;
}

.tagTransactionDialog {
  padding: 0 25px 0 25px !important;
}
.tagTransactionDialog-all-account-popup-title {
  position: relative;
  padding: 0 100px;
  text-align: center;
  padding: 40px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tagTransactionDialog-all-account-popup-title .all-account-close {
  position: absolute;
  top: 70%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.tagTransactionDialog .payment-ico-border-svg {
  top: -10px;
  left: -27px;
  width: 125px;
  height: 79px;
  position: absolute;
}
.tagTransactionDialog .account-item-inner {
  height: 70vh !important;
  overflow-y: hidden !important;
}
.tagTransactionDialog .input-with-tags-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 95%;
  min-height: 48px;
  padding: 10px 5px 0 0px;
  border-radius: 8px;
  overflow: hidden;
}
.tagTransactionDialog .input-with-tags-wrapper .input-inside-tags {
  font-family: Lato, sans-serif;
  font-size: 15px;
  width: 150px;
  padding: 0;
  margin-bottom: 10px;
  margin-right: 5px;
  margin-left: 5px;
  border: none;
}
.tagTransactionDialog .pfm-settings-tags-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.tagTransactionDialog .tag-wrapper {
  position: relative;
  padding: 7px 30px 5px 12px;
  margin: 0 16px 16px 0;
  background-color: #fff;
  border: 1px solid #d5e0ec;
  border-radius: 15px;
  cursor: pointer;
  -webkit-transition: background-color 0.5s, border-color 0.5s;
  transition: background-color 0.5s, border-color 0.5s;
}
.tagTransactionDialog .tag-wrapper .tag-add-ico {
  width: 10px;
  height: 10px;
}
.tagTransactionDialog .tag-wrapper .tag-icon-ico {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  fill: currentColor;
  -webkit-transition: fill 0.5s;
  transition: fill 0.5s;
}
.tagTransactionDialog .tag-wrapper:hover {
  color: white !important;
  background-color: #52AE30;
}
.tagTransactionDialog .tag-wrapper:hover .text-color-8 {
  color: white !important;
}
.tagTransactionDialog .border-dotted-tag {
  width: 75%;
  height: 1px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
  margin-top: 13px;
  margin-right: 3%;
  margin-left: 3%;
}
.tagTransactionDialog .page-text {
  padding-right: 10px;
}
.tagTransactionDialog .split-transaction-number {
  min-inline-size: max-content;
}
.tagTransactionDialog .split-transaction-remove-btn:hover {
  color: #52AE30;
}
.tagTransactionDialog .inputTags-field {
  padding: 5px 0 0 10px;
}
.tagTransactionDialog .inputTags-list {
  border: 1px solid #dcdcdc;
  border-radius: 25px;
  height: auto;
  padding-left: 15px;
  padding-top: 8px;
}

div.container {
  background-color: #fff;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  display: block;
  margin: 32px auto;
  padding: 16px 32px;
  width: 50%;
}

div.inputTags-list {
  background-color: #f9f9f9;
  border: 1px solid rgba(25, 188, 156, 0.35);
  border-radius: 4px;
  box-shadow: 1px 2px 2px hsla(0deg, 0%, 87%, 0.2);
  padding: 6px;
  width: 100%;
}

div.inputTags-list, div.inputTags-list span.inputTags-item {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
}

div.inputTags-list span.inputTags-item {
  background-color: #52ae30;
  border-radius: 10px;
  color: #fff;
  margin: 2px;
  opacity: 1;
  padding: 3px 22px 4px 8px;
  position: relative;
  text-align: center;
}

div.inputTags-list span.inputTags-item.is-edit {
  display: none;
}

div.inputTags-list span.inputTags-item.is-hidden {
  display: none !important;
}

div.inputTags-list span.inputTags-item.is-exists {
  background-color: rgba(231, 76, 60, 0.7);
}

div.inputTags-list span.inputTags-item span.value {
  cursor: pointer;
}

div.inputTags-list span.inputTags-item i {
  cursor: pointer;
  font-family: sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transition: color 0.2s;
  -khtml-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  z-index: 10;
}

div.inputTags-list span.inputTags-item i:hover {
  color: #e74c3c;
}

div.inputTags-list input.inputTags-field {
  background-color: transparent;
  border: none;
  margin-left: 4px;
}

div.inputTags-list input.inputTags-field:active, div.inputTags-list input.inputTags-field:focus {
  outline: none;
}

div.inputTags-list input.inputTags-field.is-edit {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px dashed #c4c4c4;
  border-radius: 4px;
  margin: 0 2px;
  padding: 4px 8px 3px;
}

div.inputTags-list ul.inputTags-autocomplete-list {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  list-style-type: none;
  margin: 0;
  max-height: 192px;
  opacity: 0;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  -webkit-transform: scaleY(0);
  -khtml-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  -khtml-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -webkit-transition-duration: 0.2s;
  -khtml-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  z-index: 100;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  padding-right: 0px;
  padding-bottom: 4px;
}
div.inputTags-list ul.inputTags-autocomplete-list::-webkit-scrollbar {
  background: transparent;
  width: 5px;
  margin-bottom: 22px !important;
}
div.inputTags-list ul.inputTags-autocomplete-list::-webkit-scrollbar-track {
  top: 20px;
  background: #FFFFFF;
  margin-bottom: 16px !important;
}
div.inputTags-list ul.inputTags-autocomplete-list::-webkit-scrollbar-thumb {
  background-color: #52AE30;
  border-radius: 5px;
  width: 4px;
  margin-bottom: 16px !important;
}

div.inputTags-list ul.inputTags-autocomplete-list.is-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -khtml-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
}

div.inputTags-list ul.inputTags-autocomplete-list li {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  -webkit-transition-duration: 0.3s;
  -khtml-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.2s;
  -khtml-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  font-family: "Source-Sans-Pro", sans-serif;
}

div.inputTags-list ul.inputTags-autocomplete-list li:last-child {
  border: none;
}

div.inputTags-list ul.inputTags-autocomplete-list li:hover {
  background-color: #52AE30;
  color: #FFFFFF;
}

div.inputTags-list ul.inputTags-autocomplete-list li.is-disabled {
  background-color: #FFFFFF;
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  cursor: default;
}

p.inputTags-error {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(231, 76, 60, 0.7);
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  margin: 0;
  padding: 0.5em 1em;
  position: relative;
}

p.inputTags-error:first-of-type {
  margin-top: 8px;
}

p.inputTags-error:after {
  content: "×";
  font-size: 28px;
  position: absolute;
  right: 0.5em;
  top: 50%;
  left: 93%;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.spliteEditTransactionDialog .input-wrapper.full-minus-col-2,
.spliteTransactionDialog .input-wrapper.full-minus-col-2 {
  width: -webkit-calc(100% - 156px);
  width: calc(100% - 156px);
}
.spliteEditTransactionDialog .input-grid-wrapper .full-minus-col-2,
.spliteTransactionDialog .input-grid-wrapper .full-minus-col-2 {
  width: -webkit-calc(100% - (33% + 8px));
  width: calc(100% - (33% + 8px));
  margin-right: 8px;
}
.spliteEditTransactionDialog .exhange-form-select,
.spliteTransactionDialog .exhange-form-select {
  padding: 15px 15px 11px 21px;
  border: 1px solid #dfe7ef;
  cursor: pointer;
  border-radius: 27px !important;
}
.spliteEditTransactionDialog .exhange-form-select .payment-filter-ico,
.spliteTransactionDialog .exhange-form-select .payment-filter-ico {
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.spliteEditTransactionDialog .payment-filter-ico,
.spliteTransactionDialog .payment-filter-ico {
  position: absolute;
  width: 8px;
  height: 14px;
  right: 0;
  top: 0;
}
.spliteEditTransactionDialog .exhange-form-selected,
.spliteTransactionDialog .exhange-form-selected {
  font-size: 15px;
}
.spliteEditTransactionDialog .exchangle-form-dropdown,
.spliteTransactionDialog .exchangle-form-dropdown {
  display: none;
  -webkit-transition: opacity 0.5s 0.1s;
  transition: opacity 0.5s 0.1s;
  padding: 17px 0 17px 16px;
  border: 1px solid #dfe7ef;
  border-top: none;
  border-radius: 0 0 25px 25px;
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  box-shadow: 0 8px 16px #cfcfcf;
  z-index: 30 !important;
  height: 20vh !important;
  overflow: scroll;
}
.spliteEditTransactionDialog .dropdown-accordion,
.spliteTransactionDialog .dropdown-accordion {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.spliteEditTransactionDialog .dropdown-accordion .dropdown-accordion-item,
.spliteTransactionDialog .dropdown-accordion .dropdown-accordion-item {
  padding: 10px 35px 10px 16px;
  cursor: pointer;
}
.spliteEditTransactionDialog .dropdown-accordion .page-text,
.spliteTransactionDialog .dropdown-accordion .page-text {
  margin-bottom: 0;
}
.spliteEditTransactionDialog .account-inter-inner-scroll .page-text,
.spliteTransactionDialog .account-inter-inner-scroll .page-text {
  line-height: 20px;
}
.spliteEditTransactionDialog .page-text,
.spliteTransactionDialog .page-text {
  font-size: 15px;
}
.spliteEditTransactionDialog .dropdown-accordion .dropdown-accordion-icon,
.spliteTransactionDialog .dropdown-accordion .dropdown-accordion-icon {
  position: absolute;
  width: 8px;
  height: 2px;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  stroke: currentColor;
}
.spliteEditTransactionDialog .dropdown-accordion .dropdown-accordion-icon,
.spliteTransactionDialog .dropdown-accordion .dropdown-accordion-icon {
  position: absolute;
  width: 8px;
  height: 2px;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  stroke: currentColor;
}
.spliteEditTransactionDialog .dropdown-accordion .accordion-icon-vertical,
.spliteTransactionDialog .dropdown-accordion .accordion-icon-vertical {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.spliteEditTransactionDialog .dropdown-accordion .dropdown-accordion-list,
.spliteTransactionDialog .dropdown-accordion .dropdown-accordion-list {
  padding-bottom: 10px;
}
.spliteEditTransactionDialog .dropdown-accordion .hidden-content,
.spliteTransactionDialog .dropdown-accordion .hidden-content {
  display: none;
}
.spliteEditTransactionDialog .dropdown-accordion .dropdown-accordion-subitem,
.spliteTransactionDialog .dropdown-accordion .dropdown-accordion-subitem {
  padding: 5px 5px 5px 16px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  cursor: pointer;
}
.spliteEditTransactionDialog .input-wrapper.with-accordion .exchangle-form-dropdown,
.spliteTransactionDialog .input-wrapper.with-accordion .exchangle-form-dropdown {
  padding-left: 0;
}
.spliteEditTransactionDialog .exchangle-form-dropdown.active,
.spliteTransactionDialog .exchangle-form-dropdown.active {
  opacity: 1;
  display: block;
}
.spliteEditTransactionDialog .input-wrapper.full-minus-col-2,
.spliteTransactionDialog .input-wrapper.full-minus-col-2 {
  width: -webkit-calc(100% - 156px);
  width: calc(100% - 156px);
}
.spliteEditTransactionDialog .input-grid-wrapper .col-last,
.spliteTransactionDialog .input-grid-wrapper .col-last {
  margin-right: 0;
}
.spliteEditTransactionDialog .dropdown-accordion.active,
.spliteTransactionDialog .dropdown-accordion.active {
  background-color: #f5f7f9;
}
.spliteEditTransactionDialog .popup-btn-wrapper,
.spliteTransactionDialog .popup-btn-wrapper {
  padding: 30px 40px;
}
.spliteEditTransactionDialog .dk-selected:after,
.spliteTransactionDialog .dk-selected:after {
  content: "";
  display: block;
  width: 9px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 15px;
  background: url(images/icons/arrow-down1.png) 50% no-repeat;
  background-size: 9px;
}
.spliteEditTransactionDialog .messageparagraf,
.spliteTransactionDialog .messageparagraf {
  text-align: center;
  color: red;
  position: fixed;
  bottom: 100px;
  left: 0;
  right: 0;
  padding: 0 10px;
}
.spliteEditTransactionDialog .border-dotted,
.spliteTransactionDialog .border-dotted {
  width: 85%;
  padding-top: 7px;
}

.filterSubscription .account-inter-inner-scroll,
.predefinedSubscriptionDialog .account-inter-inner-scroll,
.subscriptionAddDialog .account-inter-inner-scroll,
.goalsAddDialog .account-inter-inner-scroll,
.goalsEditDetailsDialog .account-inter-inner-scroll,
.budgeEditDetailsDialog .account-inter-inner-scroll,
.budgeAddDialog .account-inter-inner-scroll,
.remindersEditDialog .account-inter-inner-scroll,
.remindersAddDialog .account-inter-inner-scroll {
  padding: 0;
}
.filterSubscription .dk-selected,
.predefinedSubscriptionDialog .dk-selected,
.subscriptionAddDialog .dk-selected,
.goalsAddDialog .dk-selected,
.goalsEditDetailsDialog .dk-selected,
.budgeEditDetailsDialog .dk-selected,
.budgeAddDialog .dk-selected,
.remindersEditDialog .dk-selected,
.remindersAddDialog .dk-selected {
  padding: 14px 35px 13px 16px;
}
.filterSubscription .transaction-filter-box,
.predefinedSubscriptionDialog .transaction-filter-box,
.subscriptionAddDialog .transaction-filter-box,
.goalsAddDialog .transaction-filter-box,
.goalsEditDetailsDialog .transaction-filter-box,
.budgeEditDetailsDialog .transaction-filter-box,
.budgeAddDialog .transaction-filter-box,
.remindersEditDialog .transaction-filter-box,
.remindersAddDialog .transaction-filter-box {
  margin: 0 15px 30px;
}
.filterSubscription .transaction-filter-box .toDate,
.predefinedSubscriptionDialog .transaction-filter-box .toDate,
.subscriptionAddDialog .transaction-filter-box .toDate,
.goalsAddDialog .transaction-filter-box .toDate,
.goalsEditDetailsDialog .transaction-filter-box .toDate,
.budgeEditDetailsDialog .transaction-filter-box .toDate,
.budgeAddDialog .transaction-filter-box .toDate,
.remindersEditDialog .transaction-filter-box .toDate,
.remindersAddDialog .transaction-filter-box .toDate {
  padding: 23px 34px 10px 20px !important;
}
.filterSubscription .transaction-filter-box input.toDate,
.predefinedSubscriptionDialog .transaction-filter-box input.toDate,
.subscriptionAddDialog .transaction-filter-box input.toDate,
.goalsAddDialog .transaction-filter-box input.toDate,
.goalsEditDetailsDialog .transaction-filter-box input.toDate,
.budgeEditDetailsDialog .transaction-filter-box input.toDate,
.budgeAddDialog .transaction-filter-box input.toDate,
.remindersEditDialog .transaction-filter-box input.toDate,
.remindersAddDialog .transaction-filter-box input.toDate {
  position: relative;
  z-index: 1;
  padding: 11px 34px 11px 16px;
  border-radius: 8px;
  background-color: transparent;
  cursor: pointer;
}
.filterSubscription .ui-datepicker-trigger,
.predefinedSubscriptionDialog .ui-datepicker-trigger,
.subscriptionAddDialog .ui-datepicker-trigger,
.goalsAddDialog .ui-datepicker-trigger,
.goalsEditDetailsDialog .ui-datepicker-trigger,
.budgeEditDetailsDialog .ui-datepicker-trigger,
.budgeAddDialog .ui-datepicker-trigger,
.remindersEditDialog .ui-datepicker-trigger,
.remindersAddDialog .ui-datepicker-trigger {
  margin-right: 15px;
  position: absolute;
}

.savingGoals-mainDetails {
  border-top: 1px dotted rgba(0, 0, 0, 0.54);
  padding: 25px 0;
}

.editCategoriesTransactionDialog .account-inter-inner-scroll {
  margin-left: 0px !important;
}
.editCategoriesTransactionDialog-all-account-popup-title {
  position: relative;
  padding: 0 100px;
  text-align: center;
}
.editCategoriesTransactionDialog-all-account-popup-title .all-account-close {
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
}
.editCategoriesTransactionDialog .payment-ico-border-svg {
  top: -10px;
  left: -27px;
  width: 125px;
  height: 79px;
  position: absolute;
}
.editCategoriesTransactionDialog .account-item-inner {
  height: 75vh !important;
  overflow-y: hidden !important;
}
.editCategoriesTransactionDialog .subcategory-item {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px 12px 24px;
  margin-bottom: 8px;
  border-radius: 12px;
  color: #1c1f32;
  cursor: pointer;
  transition: background 0.5s ease;
}
.editCategoriesTransactionDialog .subcategories .subcategories-wrapper .subcategory-item.selected .checkbox-wrapper .checkbox-select {
  opacity: 1;
}
.editCategoriesTransactionDialog .subcategory-item .name {
  opacity: 1;
}
.editCategoriesTransactionDialog .checkbox-wrapper {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  position: relative;
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.0016);
}
.editCategoriesTransactionDialog .checkbox-select {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 4px;
  background: #52AE30;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.editCategoriesTransactionDialog.selected .icon {
  background-color: #3639a4;
  border-color: #3639a4;
}
.editCategoriesTransactionDialog.selected .icon .ctg-icon {
  stroke: #fff;
}

.FinanceTurnover .activity-popup-filter {
  color: black;
  font-weight: bold;
}
.FinanceTurnover .activity-popup-filter .turnover-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: #DFE7EF;
  position: relative;
  float: left;
  margin-left: 0px !important;
}
.FinanceTurnover .activity-popup-filter .tablesaw-cell-content {
  display: flex;
  margin-top: 10px;
}
.FinanceTurnover .activity-popup-filter .tablesaw-cell-content:hover {
  color: #52ae30;
}
.FinanceTurnover .activity-popup-filter .editcategoris {
  margin-left: 5px;
}
.FinanceTurnover .activity-popup-filter .editIcon {
  margin-left: 5px;
}
.FinanceTurnover .activity-popup-filter .tagIcon {
  margin-left: 5px;
}

.chartMain {
  height: 400px;
}
.chartMain .pfm-selected-category {
  color: #fff;
}

.pfm-rules {
  width: 84%;
}
.pfm-rules.modal-inner-content {
  padding: 0 35px 15px 35px;
  position: relative;
  background-color: #EFEFEF;
  height: 75vh;
  overflow-y: auto;
  margin-bottom: 12px;
}
.pfm-rules.modal-inner-content::-webkit-scrollbar {
  background: transparent;
  width: 5px;
  margin-top: 65px !important;
  margin-bottom: 45px !important;
}
.pfm-rules.modal-inner-content::-webkit-scrollbar-track {
  margin-top: 65px !important;
  margin-bottom: 45px !important;
  background: transparent;
}
.pfm-rules.modal-inner-content::-webkit-scrollbar-thumb {
  background-color: #DCDCDC;
  border-radius: 5px;
  width: 4px;
}
.pfm-rules.modal-inner-content .title-rule {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 24px;
  text-align: center;
  margin-bottom: 37px;
}
.pfm-rules.modal-inner-content .all-account-close {
  position: absolute !important;
  top: 0;
  right: 37px !important;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.pfm-rules.modal-inner-content .all-account-close .account-close-ico {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pfm-rules.modal-inner-content .input-wrap {
  border: none !important;
}
.pfm-rules.modal-inner-content .input-wrap label {
  position: absolute;
  top: 17px;
  font-size: 15px;
  font-family: "Source-Sans-Pro", sans-serif;
  font-weight: normal;
  transition: transform 0.2s, color 0.2s, top 0.2s, left 0.2s, font-size 0.2s, -webkit-transform 0.2s;
  pointer-events: none;
  will-change: transform;
  color: rgba(0, 0, 0, 0.54);
}
.pfm-rules.modal-inner-content .input-wrap input {
  border: 1px solid #FFFFFF;
  height: unset;
  cursor: pointer;
  padding: 25px 15px 5px 15px !important;
}
.pfm-rules.modal-inner-content .input-wrap input:focus {
  border-color: #52AE30;
}
.pfm-rules.modal-inner-content .focusin label {
  top: 8px !important;
  font-size: 12px !important;
  color: #52AE30 !important;
  font-weight: unset;
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
}
.pfm-rules .select-wrapper {
  margin: 30px 0;
}
.pfm-rules .select-wrapper .show-title {
  color: rgba(0, 0, 0, 0.54) !important;
  top: -24px;
}
.pfm-rules .select-wrapper .selected-product {
  padding: 14px 33px 14px 12px;
  color: black !important;
  box-shadow: none;
  border-color: #fff;
  background: #fff;
}
.pfm-rules .select-wrapper .list-wrapper {
  width: 415px !important;
}
.pfm-rules .select-wrapper .list-wrapper .products-list li .product-checkbox {
  width: 22px !important;
  height: 22px !important;
}
.pfm-rules .conditions-wrapper {
  border-top: 1px dotted rgba(0, 0, 0, 0.54);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
  color: black;
  padding: 40px 0;
}
.pfm-rules .conditions-wrapper .group-title {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  color: inherit;
  font-size: 18px;
  margin-bottom: 20px;
}
.pfm-rules .conditions-wrapper .modal-text {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 40 !important;
}
.pfm-rules .conditions-wrapper .wrapper-border {
  align-items: center;
  display: flex;
  margin-bottom: 25px;
}
.pfm-rules .conditions-wrapper .wrapper-border .border-select {
  color: rgba(0, 0, 0, 0.54);
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.pfm-rules .conditions-wrapper .wrapper-border .dotted {
  display: inline-block;
  width: 100%;
  margin-left: 15px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
  height: 1px;
}
.pfm-rules .conditions-wrapper .wrapper-border .remove-btn {
  color: #52AE30;
  font-size: 14px;
  padding-left: 15px;
  z-index: 0 !important;
  cursor: pointer;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.pfm-rules .conditions-wrapper .button-wrapper-add {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #52AE30;
  width: fit-content;
  margin: auto;
}
.pfm-rules .conditions-wrapper .button-wrapper-add .btn-with-round-plus-ico {
  width: 17px;
  height: 17px;
  stroke: #52AE30;
}
.pfm-rules .conditions-wrapper .button-wrapper-add button {
  color: inherit;
  border: none;
  cursor: pointer;
  margin-left: 5px;
  line-height: 13px;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.pfm-rules .ctgs-title {
  font-family: "Source-Sans-Pro-bold", sans-serif;
  color: inherit;
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 30px;
}
.pfm-rules .ctgs-text {
  font-size: 15px;
  line-height: 20px;
}
.pfm-rules .ctgs-wrapper {
  padding: 10px 0px;
  padding-bottom: 40px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
  position: relative;
  max-width: 415px;
  height: auto;
}
.pfm-rules .ctgs-wrapper .categories-arrow {
  position: absolute;
  opacity: 1;
  width: 30px;
  height: 30px;
  top: 28%;
  fill: #52AE30;
  cursor: pointer;
}
.pfm-rules .ctgs-wrapper .categories-arrow.right {
  right: -15px;
  transform: rotate(180deg) translateY(50%);
}
.pfm-rules .ctgs-wrapper .categories-arrow.left {
  left: -15px;
  transform: translateY(-50%);
}
.pfm-rules .ctgs-wrapper .ctgs {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden !important;
  width: 95%;
  margin: auto;
  scroll-behavior: smooth;
}
.pfm-rules .ctgs-wrapper .ctgs::-webkit-scrollbar {
  display: none;
}
.pfm-rules .ctgs-wrapper .ctgs .ctg {
  width: 72px;
  height: 110px;
  margin-right: 10px;
  cursor: pointer;
}
.pfm-rules .ctgs-wrapper .ctgs .ctg .icon {
  box-sizing: border-box;
  width: 71px;
  height: 71px;
  border-radius: 35px;
  border: 3px dashed #d5e0ec;
  transition: border-color 0.3s, background-color 0.3s;
  overflow: hidden;
  background-color: #fff;
  display: grid;
  place-items: center;
  transition: 0.3s ease;
}
.pfm-rules .ctgs-wrapper .ctgs .ctg .icon .ctg-icon {
  width: 30px;
  height: 30px;
  stroke: dimgray;
}
.pfm-rules .ctgs-wrapper .ctgs .ctg .text {
  text-align: center;
  font-size: 12px;
  ont-family: "Source-Sans-Pro-semibold", sans-serif;
  margin-top: 10px;
}
.pfm-rules .ctgs-wrapper .ctgs .ctg:hover .icon {
  background-color: #52AE30;
  border: 3px #52AE30;
}
.pfm-rules .ctgs-wrapper .ctgs .ctg:hover .icon .ctg-icon {
  stroke: #fff;
}
.pfm-rules .ctgs-wrapper .ctgs .ctg.selected .icon {
  background-color: #52AE30;
  border-color: #52AE30;
}
.pfm-rules .ctgs-wrapper .ctgs .ctg.selected .icon .ctg-icon {
  stroke: #fff;
}
.pfm-rules .subcategories {
  margin: 30px 0;
}
.pfm-rules .subcategories h1 {
  margin-bottom: 20px;
  font-size: 13px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
}
.pfm-rules .subcategories .subcategories-wrapper .subcategory-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: 17px 20px 17px 24px;
  margin-bottom: 10px;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  font-size: 15px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  transition: background 0.5s ease;
  position: relative;
  background: hsla(0deg, 0%, 100%, 0.6);
  border-radius: 25px;
}
.pfm-rules .subcategories .subcategories-wrapper .subcategory-item .name {
  opacity: 1;
}
.pfm-rules .subcategories .subcategories-wrapper .subcategory-item .checkbox-wrapper {
  height: 16px;
  width: 16px;
  margin-right: 20px;
  border-radius: 50%;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.0016);
}
.pfm-rules .subcategories .subcategories-wrapper .subcategory-item .checkbox-wrapper .checkbox-select {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 4px;
  background: #52AE30;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.pfm-rules .subcategories .subcategories-wrapper .subcategory-item.selected .checkbox-wrapper .checkbox-select {
  opacity: 1;
}

.pfm-settings-form-select-wrapper .user-intro-select-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 6px 3px;
  position: relative;
  z-index: 1;
  right: 0px !important;
}
.pfm-settings-form-select-wrapper .user-intro-select-indicator {
  display: block;
  width: 20%;
  position: absolute;
  height: -webkit-calc(100% - 6px);
  height: calc(100% - 6px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 10px;
}

#page-header.rules-header:not(.dashboard-header):after {
  height: 80% !important;
}

.FinanceCategorySettings .my-account-main-form-wrapper {
  max-width: 571px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.FinanceCategorySettings .outer-subcategories-svg-wrapper {
  margin-top: 9px;
  margin-right: -10px;
}
.FinanceCategorySettings .outer-subcategories-svg-wrapper .pfm-categories-svg-wrapper {
  background-color: #FFFFFF;
  margin-bottom: 15px !important;
}
.FinanceCategorySettings .outer-subcategories-svg-wrapper .pfm-categories-svg-wrapper svg {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  stroke: rgba(0, 0, 0, 0.87);
}
.FinanceCategorySettings .my-profile-form {
  position: relative;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s, visibility 0.5s;
  transition: transform 0.5s, opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
}
.FinanceCategorySettings .my-profile-form h5 {
  letter-spacing: -0.02em;
}
.FinanceCategorySettings .pfm-budget-category-slider-container {
  padding: 0 16px 16px 16px;
}
.FinanceCategorySettings .border-dotted {
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
}
.FinanceCategorySettings .pfm-settings-subcategory {
  padding: 18px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.FinanceCategorySettings .pfm-settings-subcategory-2 {
  padding: 10px 24px !important;
  border-radius: 30px;
  background-color: transparent;
}
.FinanceCategorySettings .pfm-settings-subcategory-2:hover {
  background-color: #FFFFFF;
  transition: background-color 0.5s;
}
.FinanceCategorySettings .pfm-settings-subcategory-2:hover .edit-delete-button {
  opacity: 1;
  visibility: visible;
}
.FinanceCategorySettings .pfm-settings-subcategory-2:hover .edit-delete-button:hover {
  box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
}
.FinanceCategorySettings .pfm-settings-subcategory-remove-link {
  position: relative;
  width: 20px;
  height: 20px;
}
.FinanceCategorySettings .btn-with-round-plus {
  position: relative;
  padding: 2px 2px 2px 26px;
}
.FinanceCategorySettings .btn-with-round-plus .btn-with-round-plus-ico {
  position: absolute;
  width: 17px;
  height: 16px;
  top: -webkit-calc(50% + 1px);
  top: calc(50% + 1px);
  left: 2px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  stroke: currentColor;
}
.FinanceCategorySettings .popup-content {
  top: 82% !important;
  right: -2px !important;
}
.FinanceCategorySettings .dot-menu {
  box-shadow: none;
}
.FinanceCategorySettings .dot-menu:hover {
  border-radius: 5px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}

.FinanceTagSettings .my-account-main-form-wrapper {
  max-width: 571px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.FinanceTagSettings .my-profile-form {
  position: relative;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s, visibility 0.5s;
  transition: transform 0.5s, opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
}
.FinanceTagSettings .my-profile-form h5 {
  letter-spacing: -0.02em;
}
.FinanceTagSettings .pfm-budget-category-slider-container {
  padding: 0 16px;
}
.FinanceTagSettings .border-dotted {
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
}
.FinanceTagSettings .pfm-settings-subcategory {
  padding: 18px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.FinanceTagSettings .pfm-settings-subcategory-remove-link {
  position: relative;
  width: 20px;
  height: 20px;
}
.FinanceTagSettings .btn-with-round-plus {
  position: relative;
  padding: 2px 2px 2px 26px;
}
.FinanceTagSettings .btn-with-round-plus .btn-with-round-plus-ico {
  position: absolute;
  width: 17px;
  height: 16px;
  top: -webkit-calc(50% + 1px);
  top: calc(50% + 1px);
  left: 2px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  stroke: currentColor;
}
.FinanceTagSettings .pfm-settings-tags-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.FinanceTagSettings .tag-wrapper {
  position: relative;
  padding: 7px 30px 5px 12px;
  margin: 0 16px 16px 0;
  background-color: #fff;
  border: 1px solid #d5e0ec;
  border-radius: 15px;
  cursor: pointer;
  -webkit-transition: background-color 0.5s, border-color 0.5s;
  transition: background-color 0.5s, border-color 0.5s;
}
.FinanceTagSettings .tag-wrapper .page-text-2 {
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.FinanceTagSettings .tag-wrapper .tag-icon-ico {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  fill: currentColor;
  -webkit-transition: fill 0.5s;
  transition: fill 0.5s;
}
.FinanceTagSettings .tag-wrapper:hover {
  color: white !important;
  background-color: #52AE30;
}
.FinanceTagSettings .tag-wrapper:hover .text-color-8 {
  color: white !important;
}

.save-changes-tag-button .btn-2 {
  display: block;
  width: 100%;
  border-radius: 38px;
  max-width: 327px;
  margin-left: auto;
  margin-right: auto;
  color: #FFFFFF !important;
  transition: all 0.5s;
}
.save-changes-tag-button .btn-2:hover {
  box-shadow: 0 0 14px rgba(54, 60, 164, 0.4);
  background: #2A7F00 !important;
}

.FinanceRulesSettings .gvRules {
  max-width: 571px;
  margin: 50px auto;
  margin-bottom: 60px;
}
.FinanceRulesSettings .gvRules .payments-ico {
  float: left;
  margin-right: 15px;
}
.FinanceRulesSettings .clientGridPager {
  padding-top: 40px;
}

.AccountSlider .user-intro-select-wrapper:not(.profile_url) {
  position: absolute;
  right: 500px;
  top: -100px;
  margin: 0;
  z-index: 2;
}

.FinanceRulesSettings .my-account-main-form-wrapper {
  margin: 45px auto 60px !important;
}

.financeEditCatSettingsViews .page-text {
  text-align: center;
  font-size: 25px;
}

.FinanceRulesSettings .gvRules {
  max-width: 571px;
  margin: 50px auto;
  margin-bottom: 60px;
}
.FinanceRulesSettings .gvRules .payments-ico {
  float: left;
  margin-right: 15px;
}
.FinanceRulesSettings .gvRules .clientGrid {
  background-color: transparent !important;
}
.FinanceRulesSettings .gvRules .clientGrid thead th {
  color: #C7C7C7 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  font-family: "Lato-Semibold", sans-serif;
}
.FinanceRulesSettings .gvRules .clientGrid tbody tr:hover {
  background-color: #D5D5D5 !important;
}
.FinanceRulesSettings .gvRules .clientGrid tbody tr:hover .btnEditRule {
  border-radius: 15px;
  display: flex;
  visibility: visible;
  border-bottom-color: rgb(220, 220, 220);
  background-color: rgb(245, 245, 245);
  background-color: #fff;
}
.FinanceRulesSettings .gvRules .clientGrid tbody tr:hover .btnEditRule .payments-ico {
  width: 35px;
  height: 35px;
  background: #fff;
}

.btnEditRule {
  display: flex;
  visibility: hidden;
  background-color: #fff;
}
.btnEditRule .payments-ico {
  width: 35px;
  height: 35px;
  margin-right: 3px !important;
  background: #fff;
  color: black !important;
}
.btnEditRule .btnRuleName {
  padding: 0 15px 0 0;
  color: black !important;
}

.btnEditRule:hover {
  background-color: #dfe7ef !important;
}
.btnEditRule:hover .payments-ico {
  background-color: #dfe7ef !important;
}

.AccountSlider .user-intro-select-wrapper:not(.profile_url) {
  position: absolute;
  right: 500px;
  top: -100px;
  margin: 0;
  z-index: 2;
}

.profile-zone-inline-tabs-rules .user-intro-select-wrapper:not(.profile_url) {
  text-align: center;
  position: relative;
  margin: 0;
  z-index: 2;
  right: 0;
  top: 0;
}
.profile-zone-inline-tabs-rules .background-2 {
  background-color: #e8e9ec;
}
.profile-zone-inline-tabs-rules .k-tabstrip .k-tabstrip-items .k-state-default .k-link {
  color: rgba(0, 0, 0, 0.54);
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
}
.profile-zone-inline-tabs-rules .k-tabstrip .k-tabstrip-items .k-state-active .k-link {
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
}
.profile-zone-inline-tabs-rules .k-state-hover a {
  color: #52AE30 !important;
}
.profile-zone-inline-tabs-rules .background-11 {
  background-color: #fff;
}

.FinanceRulesSettings .my-account-main-form-wrapper {
  margin: 45px auto 60px !important;
}

.financeEditCatSettingsViews .page-text {
  text-align: center;
  font-size: 25px;
}

#gvSubTransaction .redvaluetransaction,
#gvFinanceTurnover .redvaluetransaction {
  color: black;
  font-weight: bold;
}
#gvSubTransaction .greenvaluetransaction,
#gvFinanceTurnover .greenvaluetransaction {
  color: #52AE30;
  font-weight: bold;
}
#gvSubTransaction .dot-menu-dot,
#gvFinanceTurnover .dot-menu-dot {
  background-color: black;
}
#gvSubTransaction .grey,
#gvFinanceTurnover .grey {
  color: rgba(0, 0, 0, 0.54);
}
#gvSubTransaction .align-left,
#gvFinanceTurnover .align-left {
  text-align: left;
}
#gvSubTransaction .align-right,
#gvFinanceTurnover .align-right {
  text-align: right;
}
#gvSubTransaction .dot-menu .dot-menu-inner,
#gvFinanceTurnover .dot-menu .dot-menu-inner {
  top: 70%;
}
#gvSubTransaction .value,
#gvFinanceTurnover .value {
  padding-right: 0;
}
#gvSubTransaction .dot-menu,
#gvFinanceTurnover .dot-menu {
  box-shadow: inherit;
}
#gvSubTransaction .tablesaw-cell-content .date,
#gvFinanceTurnover .tablesaw-cell-content .date {
  padding: 0 25px 0 13px;
  display: flex;
  padding-top: 7px;
}
#gvSubTransaction .payments-ico,
#gvFinanceTurnover .payments-ico {
  float: left;
}
#gvSubTransaction .account-detail-menu,
#gvFinanceTurnover .account-detail-menu {
  width: auto;
}
#gvSubTransaction .pfmpopup-content,
#gvFinanceTurnover .pfmpopup-content {
  padding: 10px !important;
}
#gvSubTransaction .pfmpopup-content.active,
#gvFinanceTurnover .pfmpopup-content.active {
  width: 200px !important;
}
#gvSubTransaction .dot-decoratio,
#gvFinanceTurnover .dot-decoratio {
  background-color: #f60 !important;
}

.pfm-top-expences-chart-deselect-btn .pfm-top-expences-chart-deselect-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.pfm-top-expences-chart-deselect-btn.active {
  opacity: 1;
  visibility: visible;
}

.pfm-top-expences-chart-deselect-btn {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 16px;
  left: 0;
  border-radius: 12px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

.validationMessageRule {
  color: #FF0000;
  float: left;
  position: relative;
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.remindersAddDialog .account-inter-inner-scroll {
  padding: 0;
  height: 700px !important;
  padding: 0 22px;
}
.remindersAddDialog .account-inter-inner-scroll .datascroller {
  width: 440px;
}
.remindersAddDialog .account-inter-inner-scroll .ui-datepicker-trigger {
  position: absolute;
}

.remindersEditDialog .account-inter-inner-scroll {
  padding: 0;
  height: 650px !important;
  padding: 0 21px;
}
.remindersEditDialog .account-inter-inner-scroll .datascroller {
  width: 440px;
}

.remindersEditDialog .popup-btn-wrapper {
  position: fixed;
  margin-left: 0px;
  margin-right: 20px;
  width: 83%;
  bottom: 35px;
}
.remindersEditDialog .ui-datepicker-trigger {
  position: absolute;
}

.arrow-5,
.arrow-3,
.arrow-1 {
  transform: rotate(180deg) !important;
  opacity: 0;
}

.pfm-form-calendar-container .dk-select.select.select-1:after {
  content: "";
  display: block;
  width: 9px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 18px;
  background: url(images/icons/arrows-2.png) 50% no-repeat;
  background-size: 9px;
  z-index: 3;
}

.pfm-form-calendar-container .dk-selected {
  transform: none !important;
  border: 1px solid #dfe7ef;
}

.pfm-form-calendar-container .transaction-filter-inner .dk-select-options {
  z-index: 9999999 !important;
}
.pfm-form-calendar-container .transaction-filter-inner .select .dk-selected:before {
  content: "";
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top-color: #000000;
  position: absolute;
  border-width: 0.35em 0.35em 0;
  margin: 0;
  border: solid transparent;
  right: 0;
  background-image: url(images/icons/arrow-down.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.pfm-form-calendar-container .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar {
  padding: 11px 16px;
}

.filterSubscription .dk-selected,
.predefinedSubscriptionDialog .dk-selected,
.subscriptionAddDialog .dk-selected,
.goalsAddDialog .dk-selected,
.goalsEditDetailsDialog .dk-selected,
.budgeEditDetailsDialog .dk-selected,
.budgeAddDialog .dk-selected,
.remindersEditDialog .dk-selected,
.remindersAddDialog .dk-selected {
  padding: 14px 35px 13px 16px;
  white-space: nowrap;
  overflow: hidden;
  background-color: white;
  border: 1px solid #DFE7EF;
  border-radius: 25px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.filterSubscription .dk-select.select-1,
.predefinedSubscriptionDialog .dk-select.select-1,
.subscriptionAddDialog .dk-select.select-1,
.goalsAddDialog .dk-select.select-1,
.goalsEditDetailsDialog .dk-select.select-1,
.budgeEditDetailsDialog .dk-select.select-1,
.budgeAddDialog .dk-select.select-1,
.remindersEditDialog .dk-select.select-1,
.remindersAddDialog .dk-select.select-1 {
  position: relative;
}
.filterSubscription .dk-select .dk-select-options-reminder,
.predefinedSubscriptionDialog .dk-select .dk-select-options-reminder,
.subscriptionAddDialog .dk-select .dk-select-options-reminder,
.goalsAddDialog .dk-select .dk-select-options-reminder,
.goalsEditDetailsDialog .dk-select .dk-select-options-reminder,
.budgeEditDetailsDialog .dk-select .dk-select-options-reminder,
.budgeAddDialog .dk-select .dk-select-options-reminder,
.remindersEditDialog .dk-select .dk-select-options-reminder,
.remindersAddDialog .dk-select .dk-select-options-reminder {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: -5px;
  position: absolute;
  background-color: white;
  border-radius: 10px;
  list-style: none;
  margin: 0;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 10px;
  width: auto;
  z-index: 20;
  font-family: "Source-Sans-Pro", sans-serif;
}
.filterSubscription .dk-select .dk-select-options-reminder .dk-option,
.predefinedSubscriptionDialog .dk-select .dk-select-options-reminder .dk-option,
.subscriptionAddDialog .dk-select .dk-select-options-reminder .dk-option,
.goalsAddDialog .dk-select .dk-select-options-reminder .dk-option,
.goalsEditDetailsDialog .dk-select .dk-select-options-reminder .dk-option,
.budgeEditDetailsDialog .dk-select .dk-select-options-reminder .dk-option,
.budgeAddDialog .dk-select .dk-select-options-reminder .dk-option,
.remindersEditDialog .dk-select .dk-select-options-reminder .dk-option,
.remindersAddDialog .dk-select .dk-select-options-reminder .dk-option {
  padding: 10px 18px;
  color: #000000;
  background: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.filterSubscription .dk-select .dk-select-options-reminder.active,
.predefinedSubscriptionDialog .dk-select .dk-select-options-reminder.active,
.subscriptionAddDialog .dk-select .dk-select-options-reminder.active,
.goalsAddDialog .dk-select .dk-select-options-reminder.active,
.goalsEditDetailsDialog .dk-select .dk-select-options-reminder.active,
.budgeEditDetailsDialog .dk-select .dk-select-options-reminder.active,
.budgeAddDialog .dk-select .dk-select-options-reminder.active,
.remindersEditDialog .dk-select .dk-select-options-reminder.active,
.remindersAddDialog .dk-select .dk-select-options-reminder.active {
  display: block !important;
}
.filterSubscription .select.dk-selected:before,
.predefinedSubscriptionDialog .select.dk-selected:before,
.subscriptionAddDialog .select.dk-selected:before,
.goalsAddDialog .select.dk-selected:before,
.goalsEditDetailsDialog .select.dk-selected:before,
.budgeEditDetailsDialog .select.dk-selected:before,
.budgeAddDialog .select.dk-selected:before,
.remindersEditDialog .select.dk-selected:before,
.remindersAddDialog .select.dk-selected:before {
  content: "";
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top-color: #000000;
  position: absolute;
  border-width: 0.35em 0.35em 0;
  margin: 0;
  border: solid transparent;
  right: 0;
  background-image: url(images/icons/arrow-down.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.filterSubscription .transaction-filter-box,
.predefinedSubscriptionDialog .transaction-filter-box,
.subscriptionAddDialog .transaction-filter-box,
.goalsAddDialog .transaction-filter-box,
.goalsEditDetailsDialog .transaction-filter-box,
.budgeEditDetailsDialog .transaction-filter-box,
.budgeAddDialog .transaction-filter-box,
.remindersEditDialog .transaction-filter-box,
.remindersAddDialog .transaction-filter-box {
  margin: 0 0px 15px;
}
.filterSubscription .transaction-filter-box .transaction-filter-reminder.transaction-calendar,
.predefinedSubscriptionDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar,
.subscriptionAddDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar,
.goalsAddDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar,
.goalsEditDetailsDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar,
.budgeEditDetailsDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar,
.budgeAddDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar,
.remindersEditDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar,
.remindersAddDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar {
  padding: 0;
}
.filterSubscription .transaction-filter-box .transaction-filter-reminder,
.predefinedSubscriptionDialog .transaction-filter-box .transaction-filter-reminder,
.subscriptionAddDialog .transaction-filter-box .transaction-filter-reminder,
.goalsAddDialog .transaction-filter-box .transaction-filter-reminder,
.goalsEditDetailsDialog .transaction-filter-box .transaction-filter-reminder,
.budgeEditDetailsDialog .transaction-filter-box .transaction-filter-reminder,
.budgeAddDialog .transaction-filter-box .transaction-filter-reminder,
.remindersEditDialog .transaction-filter-box .transaction-filter-reminder,
.remindersAddDialog .transaction-filter-box .transaction-filter-reminder {
  position: relative;
  border: 1px solid #DFE7EF;
  padding: 11px 16px;
  border-radius: 25px;
  cursor: pointer;
}
.filterSubscription .transaction-filter-box .transaction-filter-reminder input,
.predefinedSubscriptionDialog .transaction-filter-box .transaction-filter-reminder input,
.subscriptionAddDialog .transaction-filter-box .transaction-filter-reminder input,
.goalsAddDialog .transaction-filter-box .transaction-filter-reminder input,
.goalsEditDetailsDialog .transaction-filter-box .transaction-filter-reminder input,
.budgeEditDetailsDialog .transaction-filter-box .transaction-filter-reminder input,
.budgeAddDialog .transaction-filter-box .transaction-filter-reminder input,
.remindersEditDialog .transaction-filter-box .transaction-filter-reminder input,
.remindersAddDialog .transaction-filter-box .transaction-filter-reminder input {
  border: none;
  width: 100%;
  font-size: 15px;
  padding: 0;
}
.filterSubscription .margin-3,
.predefinedSubscriptionDialog .margin-3,
.subscriptionAddDialog .margin-3,
.goalsAddDialog .margin-3,
.goalsEditDetailsDialog .margin-3,
.budgeEditDetailsDialog .margin-3,
.budgeAddDialog .margin-3,
.remindersEditDialog .margin-3,
.remindersAddDialog .margin-3 {
  margin-bottom: 0px;
}

.chartcategories {
  display: inline-block !important;
  position: relative !important;
  width: 265px !important;
  padding: 0 0 0 0 !important;
  margin-top: -65px;
  margin-left: 50px;
}

.Chart {
  display: block !important;
}

.text-color-11 {
  color: #b1e99c;
}

.btnAddGoals,
.btnAddBudget {
  color: #fff;
  background: #f60;
  border-radius: 30px;
  padding: 16px 42px;
}

.filterSubscription .pfm-budget-category-slider-container,
.subscriptionAddDialog .pfm-budget-category-slider-container,
.goalsAddDialog .pfm-budget-category-slider-container,
.goalsEditDetailsDialog .pfm-budget-category-slider-container,
.budgeAddDialog .pfm-budget-category-slider-container {
  padding: 0 35px !important;
}
.filterSubscription .input-wrapper,
.subscriptionAddDialog .input-wrapper,
.goalsAddDialog .input-wrapper,
.goalsEditDetailsDialog .input-wrapper,
.budgeAddDialog .input-wrapper {
  padding: 0 0 0 25px;
}

.budgeEditDetailsDialog .account-inter-inner-scroll {
  padding: 0 0 0 20px;
}

.imgpieFood {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url(images/icons/ic_pfm_w_hranairestoran@2x.png);
}

.imgpieCar {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url("images/icons/ic_pfm_w_automobil@2x.png");
}

.imgpieShopping {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url("images/icons/ic_pfm_w_kupovina@2x.png");
}

.imgpieFamily {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url("images/icons/ic_pfm_big_w_deca@2x.png");
}

.imgpieTravel {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url("images/icons/ic_pfm_w_putovanjaiodmor@2x.png");
}

.imgpieEducation {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url("images/icons/ic_pfm_w_obrazovanje@2x.png");
}

.imgpiePersonal {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url("images/icons/ic_pfm_big_w_zdravlje@2x.png");
}

.imgpieFinance {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url("images/icons/ic_pfm_w_finansijeiinvesticije@2x.png");
}

.imgpieLeisure {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url("images/icons/ic_pfm_w_zabava@2x.png");
}

.imgpieUtilities {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url("images/icons/ic_pfm_w_racuniirazno@2x.png");
}

.imgpieIncome {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url("images/icons/ic_pfm_w_prihodi@2x.png");
}

.imgpieUndefined {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url("images/icons/ic_pfm_big_w_ostalo@2x.png");
}

.FinanceRulesSettings .newRuleButton:hover {
  background-color: #2A7F00 !important;
  box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
  transition: all 0.5s;
}
.FinanceRulesSettings .rules-custom-settings {
  padding-top: 20px;
  border-top: 1px solid #C7C7C7;
  margin-top: 40px;
}
.FinanceRulesSettings .rules-custom-settings .gvRules {
  margin: auto;
  margin-bottom: 60px !important;
}
.FinanceRulesSettings .rules-custom-settings .gvRules .clientGrid tbody tr:first-child {
  border-top: none !important;
}
.FinanceRulesSettings .rules-custom-settings .gvRules .clientGrid tbody .payments-ico {
  background-color: #FFFFFF !important;
  transition: none !important;
}
.FinanceRulesSettings .rules-custom-settings .gvRules .clientGrid tbody td:nth-child(2) {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.FinanceRulesSettings .rules-custom-settings .gvRules .clientGrid tbody td:nth-child(4) {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.FinanceRulesSettings .rules-custom-settings .gvRules .clientGrid tbody tr:hover td {
  background-color: #FFFFFF !important;
  transition: background-color 0.5s;
}
.FinanceRulesSettings .rules-custom-settings .gvRules .clientGrid tbody tr:hover td:nth-child(2) .payments-ico {
  background-color: #EFEFEF !important;
}
.FinanceRulesSettings .btn-2 {
  min-height: unset;
  padding: 11px 24px 8px !important;
}
.FinanceRulesSettings .btnEditRule {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.5s;
  background-color: #FFFFFF !important;
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
}
.FinanceRulesSettings .btnEditRule:hover {
  box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
}
.FinanceRulesSettings .btnEditRule:hover .btnRuleName {
  background-color: #FFFFFF !important;
  transition: none !important;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.FinanceRulesSettings .btnEditRule:hover .payments-ico {
  background-color: #FFFFFF !important;
  transition: none !important;
}
.FinanceRulesSettings .btnEditRule .payments-ico {
  background-color: #FFFFFF !important;
  transition: none !important;
}
.FinanceRulesSettings .btnEditRule .payments-ico .payments-ico-svg {
  width: 14px !important;
  height: 14px !important;
}

.edit-delete-button {
  background-color: #FFFFFF !important;
  transition: none !important;
  padding: 13px 20px;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
}

#gvSubTransaction .clientGrid tbody tr td,
#gvFinanceTurnover .clientGrid tbody tr td {
  line-height: 25px !important;
}
#gvSubTransaction .clientGrid tbody td:nth-child(2),
#gvFinanceTurnover .clientGrid tbody td:nth-child(2) {
  border-top-left-radius: 31px;
  border-bottom-left-radius: 31px;
  width: 200px;
}
#gvSubTransaction .clientGrid tbody td:nth-child(3),
#gvFinanceTurnover .clientGrid tbody td:nth-child(3) {
  width: 350px !important;
}
#gvSubTransaction .clientGrid tbody td:nth-child(4),
#gvFinanceTurnover .clientGrid tbody td:nth-child(4) {
  width: 15% !important;
  color: #52ae30;
  font-weight: bold;
}
#gvSubTransaction .clientGrid tbody td:nth-child(5),
#gvFinanceTurnover .clientGrid tbody td:nth-child(5) {
  width: 150px;
}
#gvSubTransaction .clientGrid tbody td:nth-child(6),
#gvFinanceTurnover .clientGrid tbody td:nth-child(6) {
  width: 100px !important;
  border-top-right-radius: 31px;
  border-bottom-right-radius: 31px;
}
#gvSubTransaction tr:hover .payments-ico,
#gvFinanceTurnover tr:hover .payments-ico {
  background-color: #EFEFEF;
}
#gvSubTransaction .clientGrid thead tr th:nth-child(2),
#gvFinanceTurnover .clientGrid thead tr th:nth-child(2) {
  text-align: center !important;
  padding: 0 30px 0 0;
}
#gvSubTransaction .clientGrid thead tr th:nth-child(3),
#gvFinanceTurnover .clientGrid thead tr th:nth-child(3) {
  padding: 0 0 0 20px;
}
#gvSubTransaction .payments-ico,
#gvFinanceTurnover .payments-ico {
  background-color: #fff;
}
#gvSubTransaction .dot-decoration,
#gvFinanceTurnover .dot-decoration {
  background: #f60;
}

.ruleBtnWrapper .saveRule {
  width: 80%;
  margin: 0 25px 0 48px;
  border-radius: 25px;
  text-align: center;
}

.edit-delete-button {
  background-color: #FFFFFF !important;
  transition: none !important;
  padding: 10px 20px;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}
.edit-delete-button span {
  margin-left: 6px;
}
.edit-delete-button .delete-button-svg,
.edit-delete-button .edit-button-svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}

.ruleBtnWrapper .saveRule {
  width: 80%;
  margin: 0 25px 0 48px;
  border-radius: 25px;
  text-align: center;
}

.addNewCategoryPopUp {
  /*label.label-1 {
      display: none !important;
  }*/
}
.addNewCategoryPopUp .ui-dialog-titlebar:before {
  margin-bottom: -45px;
}
.addNewCategoryPopUp .group-inner {
  margin-bottom: 10px !important;
}
.addNewCategoryPopUp .ui-dialog-buttonset {
  margin-bottom: -20px;
}
.addNewCategoryPopUp .validationMessage {
  margin-top: 0px !important;
  padding-left: 0px !important;
}

.deleteRulePopUp button:nth-child(1) {
  background-color: #52AE30 !important;
  color: #FFFFFF !important;
  transition: all 0.5s !important;
}
.deleteRulePopUp button:nth-child(1):hover {
  background-color: #2A7F00 !important;
}
.deleteRulePopUp button:nth-child(2) {
  background-color: #FFFFFF !important;
  color: black !important;
}
.deleteRulePopUp button:nth-child(2):hover {
  background-color: #E8E9EC !important;
}

.deleteCategoryPopUp .ui-dialog-titlebar:before {
  margin-bottom: 15px;
}
.deleteCategoryPopUp .group-inner {
  margin-bottom: 10px !important;
}
.deleteCategoryPopUp label.label-1 {
  display: none !important;
}
.deleteCategoryPopUp .ui-dialog-buttonset {
  margin-bottom: -20px;
}
.deleteCategoryPopUp button:nth-child(1) {
  background-color: #52AE30 !important;
  color: #FFFFFF !important;
  transition: all 0.5s !important;
}
.deleteCategoryPopUp button:nth-child(1):hover {
  background-color: #2A7F00 !important;
}
.deleteCategoryPopUp button:nth-child(2) {
  background-color: #FFFFFF !important;
  color: black !important;
}
.deleteCategoryPopUp button:nth-child(2):hover {
  background-color: #E8E9EC !important;
}

.pfm-ftc .payment-filter-payment {
  border-radius: 30px;
}
.pfm-ftc .payment-filter-payment:hover .payments-ico {
  background-color: #EFEFEF;
}
.pfm-ftc .payments-ico {
  background-color: #fff;
}

.user-intro-section-button-wrapper {
  padding-top: 50px;
}

.tableFilter {
  padding-top: 10px;
}
.tableFilter .payment-filter-ico {
  position: absolute;
  width: 8px;
  height: 14px;
  right: 12px;
  top: 12px;
}
.tableFilter .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);
}
.tableFilter .transaction-filter-inner .dk-select-options {
  width: 100% !important;
  padding-top: 33px;
  top: 11px;
  border-radius: 15px;
}
.tableFilter .transaction-filter-inner .dk-select-options::-webkit-scrollbar {
  background: transparent;
  width: 5px;
}
.tableFilter .transaction-filter-inner .dk-select-options::-webkit-scrollbar-track {
  top: 20px;
  background: transparent;
  height: 3px;
  margin-top: 20px;
  margin-bottom: 20px;
  transform: translate(0%, 0%);
}
.tableFilter .transaction-filter-inner .dk-select-options::-webkit-scrollbar-thumb {
  background-color: #52ae30;
  border-radius: 5px;
  width: 4px;
  height: 3px;
  transform: translate(0%, 0%);
}
.tableFilter .transaction-filter-inner .dk-select-options li.dk-option-selected {
  background: transparent;
}

.remindersEditDialog .dk-select,
.remindersAddDialog .dk-select {
  margin: 0px 5px 0 2px;
}
.remindersEditDialog .dk-select .dk-select-options-reminder,
.remindersAddDialog .dk-select .dk-select-options-reminder {
  border-radius: 0 0 25px 25px !important;
  border-top: 2px solid #52ae30;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.remindersEditDialog .dk-select.active .dk-selected,
.remindersAddDialog .dk-select.active .dk-selected {
  border-radius: 25px 25px 0 0 !important;
  border: none;
}
.remindersEditDialog .transaction-popup-details-wrapper,
.remindersAddDialog .transaction-popup-details-wrapper {
  width: 444px;
}

.prvidiv {
  display: inline;
}

.drugidiv {
  display: contents;
}
.drugidiv .fc-event-time {
  float: right;
  right: 10px;
  top: 1px;
  font-weight: 100 !important;
  font-size: 14px;
}

.fc-grid tbody td:nth-child(7) .tooltipactive {
  right: 10px;
}
.fc-grid tbody td:nth-child(7) .tooltipactive:after {
  left: 214px;
}
.fc-grid tbody td:nth-child(5) .pfm-calendar-day-tooltip:after {
  left: 173px;
}
.fc-grid tbody td:nth-child(6) .pfm-calendar-day-tooltip:after {
  left: 173px;
}

.spliteEditTransactionDialog .split-transaction-number-wrapper,
.spliteTransactionDialog .split-transaction-number-wrapper {
  margin-top: -8px;
  margin-bottom: 0;
}
.spliteEditTransactionDialog .all-accounts-small-sum,
.spliteTransactionDialog .all-accounts-small-sum {
  display: inline;
}
.spliteEditTransactionDialog .transaction-filter-inner .validationMessage,
.spliteTransactionDialog .transaction-filter-inner .validationMessage {
  margin-top: 4px !important;
}
.spliteEditTransactionDialog .transaction-filter-inner .dk-selected,
.spliteTransactionDialog .transaction-filter-inner .dk-selected {
  padding: 4px 1px 21px 17px;
  white-space: nowrap;
  overflow: hidden;
  background-color: white;
  border-radius: 25px;
  height: 22px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
  z-index: 2;
  transform: translate(0px, 0px);
}
.spliteEditTransactionDialog .transaction-filter-inner .dk-select-options-splite,
.spliteTransactionDialog .transaction-filter-inner .dk-select-options-splite {
  width: 100% !important;
  padding-top: 5px;
  max-height: 150px;
}
.spliteEditTransactionDialog .transaction-filter-inner .dk-select-options-splite::-webkit-scrollbar,
.spliteTransactionDialog .transaction-filter-inner .dk-select-options-splite::-webkit-scrollbar {
  background: transparent;
  width: 5px;
}
.spliteEditTransactionDialog .transaction-filter-inner .dk-select-options-splite::-webkit-scrollbar-track,
.spliteTransactionDialog .transaction-filter-inner .dk-select-options-splite::-webkit-scrollbar-track {
  top: 20px;
  background: transparent;
  height: 3px;
  margin-top: 0px;
  margin-bottom: 20px;
  transform: translate(0%, 0%);
}
.spliteEditTransactionDialog .transaction-filter-inner .dk-select-options-splite::-webkit-scrollbar-thumb,
.spliteTransactionDialog .transaction-filter-inner .dk-select-options-splite::-webkit-scrollbar-thumb {
  background-color: #52ae30;
  border-radius: 5px;
  width: 4px;
  height: 3px;
  transform: translate(0%, 0%);
}
.spliteEditTransactionDialog .transaction-filter-inner .dk-select-options-splite li.dk-option-selected,
.spliteTransactionDialog .transaction-filter-inner .dk-select-options-splite li.dk-option-selected {
  background: transparent;
}
.spliteEditTransactionDialog .label-1,
.spliteTransactionDialog .label-1 {
  display: block;
  font-weight: 600;
  font-size: 11px;
  color: #52AE30;
  padding: 0px;
  margin-bottom: 2px;
}
.spliteEditTransactionDialog .with-accordion.active .exhange-form-select,
.spliteTransactionDialog .with-accordion.active .exhange-form-select {
  border-radius: 25px 25px 0 0 !important;
}
.spliteEditTransactionDialog .with-accordion.active .exchangle-form-dropdown,
.spliteTransactionDialog .with-accordion.active .exchangle-form-dropdown {
  border-top: 2px solid #52ae30;
  border-radius: 0 0 25px 25px !important;
}

.spliteEditTransactionDialog .intrabank-wrapper,
.spliteTransactionDialog .intrabank-wrapper {
  position: relative;
  width: 100%;
  padding: 10px 0;
}
.spliteEditTransactionDialog .intrabank-wrapper.recDialog,
.spliteTransactionDialog .intrabank-wrapper.recDialog {
  width: 339px;
}
.spliteEditTransactionDialog .intrabank-wrapper.with-label-inside .input-1,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-1 {
  font-size: 15px;
  line-height: 1.4;
  height: fit-content;
  max-width: 362px;
  padding: 23px 56px 6px 19px !important;
}
.spliteEditTransactionDialog .intrabank-wrapper.with-label-inside .input-1.input-bold,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-1.input-bold {
  font-family: "Source-Sans-Pro-bold", sans-serif;
}
.spliteEditTransactionDialog .intrabank-wrapper.with-label-inside .input-1:focus,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-1:focus {
  border-color: #52AE30;
}
.spliteEditTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  cursor: pointer;
}
.spliteEditTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4 {
  background-color: #52AE30;
}
.spliteEditTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: currentColor;
  stroke: currentColor;
}
.spliteEditTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2 {
  color: #fff;
}
.spliteEditTransactionDialog .intrabank-wrapper.with-label-inside.val,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside.val {
  width: 50%;
  margin-right: 80px;
}
.spliteEditTransactionDialog .intrabank-wrapper.with-label-inside.val .input-1,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside.val .input-1 {
  width: 100%;
}
.spliteEditTransactionDialog .intrabank-wrapper.with-label-inside.model .input-1,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside.model .input-1 {
  width: 58px !important;
}
.spliteEditTransactionDialog .intrabank-wrapper.with-label-inside.refNum .input-1,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside.refNum .input-1 {
  width: 426px;
}
.spliteEditTransactionDialog .intrabank-wrapper.with-label-inside .input-text-right,
.spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-text-right {
  position: absolute;
  top: 50%;
  right: -60px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}
.spliteEditTransactionDialog .intrabank-wrapper .dateInput,
.spliteTransactionDialog .intrabank-wrapper .dateInput {
  padding: 25px 56px 6px 24px !important;
  height: fit-content;
  border: 1px solid #dcdcdc;
  border-radius: 30px;
  width: 100%;
}
.spliteEditTransactionDialog .intrabank-wrapper .template,
.spliteTransactionDialog .intrabank-wrapper .template {
  padding: 16px 56px 14px 24px !important;
  border: 1px solid #dcdcdc;
  border-radius: 30px;
  color: black;
  font-weight: 800;
  background-color: rgb(255, 255, 255);
  cursor: pointer;
}
.spliteEditTransactionDialog .intrabank-wrapper .template.recDialog,
.spliteTransactionDialog .intrabank-wrapper .template.recDialog {
  display: inline-block;
  width: 318px;
}
.spliteEditTransactionDialog .intrabank-wrapper .toggle-btn,
.spliteTransactionDialog .intrabank-wrapper .toggle-btn {
  position: absolute;
  width: 40px;
  height: 20px;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 20px;
  padding: 5px;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  background-color: #e1e1e1;
  pointer-events: none;
}
.spliteEditTransactionDialog .intrabank-wrapper .toggle-btn.recDialog,
.spliteTransactionDialog .intrabank-wrapper .toggle-btn.recDialog {
  top: 42%;
  right: -46px;
}
.spliteEditTransactionDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch,
.spliteTransactionDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.spliteEditTransactionDialog .intrabank-wrapper.active .toggle-btn,
.spliteTransactionDialog .intrabank-wrapper.active .toggle-btn {
  background-color: #52AE30;
}
.spliteEditTransactionDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch,
.spliteTransactionDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch {
  transform: translateX(100%);
}
.spliteEditTransactionDialog .intrabank-wrapper .animationLabel,
.spliteTransactionDialog .intrabank-wrapper .animationLabel {
  position: absolute;
  top: 21px;
  left: 24px;
  padding: 0 !important;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
  -webkit-transition: color 0.2s, top 0.2s, left 0.2s, -webkit-transform 0.2s;
  transition: color 0.2s, top 0.2s, left 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, color 0.2s, top 0.2s, left 0.2s;
  transition: transform 0.2s, color 0.2s, top 0.2s, left 0.2s, -webkit-transform 0.2s;
  pointer-events: none;
  will-change: transform;
  z-index: 1;
}
.spliteEditTransactionDialog .intrabank-wrapper .animationLabel.date,
.spliteTransactionDialog .intrabank-wrapper .animationLabel.date {
  top: 8px;
  left: 19px;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  pointer-events: none;
}
.spliteEditTransactionDialog .intrabank-wrapper.editfocus .animationLabel,
.spliteTransactionDialog .intrabank-wrapper.editfocus .animationLabel {
  top: 10px;
  left: 15px;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
}
.spliteEditTransactionDialog .intrabank-wrapper.focusin .animationLabel,
.spliteTransactionDialog .intrabank-wrapper.focusin .animationLabel {
  top: 12px;
  left: 15px;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  font-size: 13px;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .animationLabel,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .animationLabel {
  top: 14px;
  left: 15px;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  color: #52AE30;
  font-family: "Source-Sans-Pro-semibold", sans-serif;
  pointer-events: none;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select {
  padding: 23px 30px 6px 24px;
  cursor: pointer;
  background-color: rgb(255, 255, 255);
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .element-border-6,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .element-border-6 {
  border-radius: 30px;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .relative,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .relative {
  position: relative;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico {
  width: 6px;
  height: 10px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  fill: #52AE30;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down {
  right: 12px;
  top: 5px;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay {
  top: 12px;
  padding: 0 28px 0 0;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode {
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background-color: rgb(255, 255, 255);
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined {
  background-color: rgb(241, 241, 241);
  pointer-events: none;
  color: #989898;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options {
  max-height: 150px;
  display: none;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item {
  padding: 15px 16px 15px 24px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover {
  background-color: #f5f5f5;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options {
  display: block;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  position: absolute;
  width: 197px;
  z-index: 2;
  background-color: rgb(255, 255, 255);
  border: 1px solid #dcdcdc;
  overflow: hidden;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list {
  overflow: scroll;
  max-height: 150px;
  width: 197px;
  padding: 0;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar {
  background: white;
  width: 3px;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track {
  top: 20px;
  background: white;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb {
  background-color: #52AE30;
  border-radius: 5px;
  width: 3px;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select {
  border-bottom: 2px solid #52AE30;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .page-text,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .page-text {
  font-size: 15px;
  pointer-events: none;
}
.spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .margin-0,
.spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .margin-0 {
  margin: 0;
}
.spliteEditTransactionDialog .intrabank-wrapper > .validationMessage,
.spliteTransactionDialog .intrabank-wrapper > .validationMessage {
  color: #FF0000;
  float: left;
  font-size: 14px;
  margin-top: 14px;
  margin-bottom: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 136%;
  padding-left: 19px;
  position: absolute;
  display: block;
  transform: translateY(-10px);
}
.spliteEditTransactionDialog .intrabank-wrapper.dialog,
.spliteTransactionDialog .intrabank-wrapper.dialog {
  width: 339px;
}
.spliteEditTransactionDialog .template-date,
.spliteTransactionDialog .template-date {
  background-color: #fff;
}

.spliteTransactionDialog .all-account-close {
  color: #52AE30 !important;
  background-color: white !important;
  font-family: "Source-Sans-Pro-semibold", sans-serif !important;
  margin-right: 18px;
}
.spliteTransactionDialog .all-account-close:hover {
  border-color: #E8E9EC;
}
.spliteTransactionDialog .exhange-form-select .label-1 {
  display: block;
  font-weight: 500;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
  padding: 0 16px;
  margin-bottom: 2px;
  margin-top: 9px;
  font-family: "Source-Sans-Pro", sans-serif;
}
.spliteTransactionDialog .exhange-form-select .label-animation {
  display: block;
  font-weight: 600;
  font-size: 11px;
  color: #52AE30;
  padding: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
}

.spliteEditTransactionDialog .exhange-form-select .label-1 {
  display: block;
  font-weight: 500;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
  padding: 0 16px;
  margin-bottom: 2px;
  margin-top: 9px;
  font-family: "Source-Sans-Pro", sans-serif;
}
.spliteEditTransactionDialog .exhange-form-select .label-animation {
  display: block;
  font-weight: 600;
  font-size: 11px;
  color: #52AE30;
  padding: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
}

.redErrorBorder {
  border: 1px solid red;
}

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

.full-width-important {
  width: 100% !important;
}

.ruleForm .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay {
  top: 25px;
}
.ruleForm .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down {
  right: 19px;
}
.ruleForm .select-wrapper .selected-product span {
  margin-left: 2px !important;
}
.ruleForm .dk-selected {
  padding: 26px 50px 2px 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: white;
  border: 1px solid #DFE7EF;
  border-radius: 25px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ruleForm .dk-selected span {
  margin-left: -4px;
  font-family: "Source-Sans-Pro", sans-serif !important;
}
.ruleForm .dk-selected.borde.active {
  border-radius: 25px 25px 0 0;
}
.ruleForm .selected-item {
  margin-top: 10px;
  margin-bottom: -10px;
  margin-left: 2px;
  font-family: "Source-Sans-Pro", sans-serif !important;
}
.ruleForm .selected-products-active {
  top: 6px !important;
  font-size: 12px !important;
  color: #52AE30 !important;
  font-family: "Source-Sans-Pro-bold", sans-serif !important;
  position: absolute;
}
.ruleForm .selected-products-before {
  font-family: "Source-Sans-Pro", sans-serif !important;
  font-weight: normal;
  pointer-events: none;
  will-change: transform;
  color: rgba(0, 0, 0, 0.54) !important;
}
.ruleForm .dk-select.select-1 {
  position: relative;
}
.ruleForm .dk-select {
  border-radius: 25px 25px 0 0;
}
.ruleForm .dk-select .dk-select-options-rule {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: -5px;
  position: absolute;
  background-color: white;
  border-radius: 10px;
  list-style: none;
  margin: 0;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  width: auto;
  z-index: 20;
  border-radius: 0 0 25px 25px;
  border-top: 2px solid #52ae30;
}
.ruleForm .dk-select .dk-select-options-rule .dk-option {
  padding: 10px 18px;
  color: #000000;
  background: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ruleForm .dk-select .dk-select-options-rule .dk-option:hover {
  background-color: #F5F7F9;
}
.ruleForm .dk-select .dk-select-options-rule .dk-option:hover span {
  font-family: "Source-Sans-Pro-bold", sans-serif !important;
}
.ruleForm .dk-select .dk-select-options-rule.active {
  display: block !important;
}
.ruleForm .dk-select .dk-select-options-rule.active .dk-selected {
  border-radius: 25px 25px 0 0 !important;
  border: none;
}
.ruleForm .dk-select-options-rule.active {
  display: block !important;
}
.ruleForm .dk-select-options-rule.active .dk-selected {
  border-radius: 25px 25px 0 0 !important;
  border: none;
}
.ruleForm .select.dk-selected:before {
  content: "";
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top-color: #000000;
  position: absolute;
  border-width: 0.35em 0.35em 0;
  margin: 0;
  border: solid transparent;
  right: 0;
  background-image: url(images/icons/arrow-down.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.ruleForm .transaction-filter-box {
  margin: 0 0px 15px;
}
.ruleForm .transaction-filter-box .transaction-filter.transaction-calendar {
  padding: 0;
}
.ruleForm .transaction-filter-box .transaction-filter {
  position: relative;
  border: 1px solid #DFE7EF;
  padding: 11px 16px;
  border-radius: 25px;
  cursor: pointer;
}
.ruleForm .transaction-filter-box .transaction-filter input {
  border: none;
  width: 100%;
  font-size: 15px;
  padding: 0;
}
.ruleForm .margin-3 {
  margin-bottom: 0px;
}
.ruleForm .list-wrapper .products-list {
  border-top: 2px solid #52AE30;
}

.spliteTransactionDialog .popup-btn-wrapper,
.spliteEditTransactionDialog .popup-btn-wrapper {
  padding: 0px 40px !important;
}
.spliteTransactionDialog .split-transactions-container,
.spliteEditTransactionDialog .split-transactions-container {
  padding-bottom: 0px !important;
  margin-bottom: -40px !important;
}
.spliteTransactionDialog .transaction-filter-inner .dk-selected,
.spliteEditTransactionDialog .transaction-filter-inner .dk-selected {
  z-index: 0 !important;
}

.pfm-zero-bottom-show {
  top: -160px !important;
}

.SavingGoalsList {
  padding-top: 50px;
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 1px;
}
.SavingGoalsList .filter {
  padding-bottom: 20px;
}
.SavingGoalsList .payment-ico-border-goals-svg {
  top: -10px !important;
  position: absolute;
  left: -15px;
  width: 87px;
  height: 60px;
}
.SavingGoalsList .payment-ico-border-goals-svg rect {
  fill: transparent;
  stroke: #2A7F00;
  stroke-width: 6px;
  stroke-dasharray: 314;
}
.SavingGoalsList .custom-spinner.custom-spinner-dashboard {
  top: 50% !important;
  position: fixed !important;
  transform: none !important;
}

.goalsEditDetailsDialog .secoundleft {
  width: 21% !important;
  right: 27px;
}
.goalsEditDetailsDialog .secoundleft .payments {
  cursor: default;
  background-color: #EFEFEF;
}
.goalsEditDetailsDialog .pay-valuta {
  height: 21px !important;
}
.goalsEditDetailsDialog .pay-valuta .payment-filter-ico {
  right: 47px !important;
  top: 26px !important;
}
.goalsEditDetailsDialog .firstleft {
  width: 183px !important;
}
.goalsEditDetailsDialog .firstleft .animationLabel {
  width: 100%;
}
.goalsEditDetailsDialog .input-datum {
  right: 2px;
  width: 94%;
  height: 20px;
}
.goalsEditDetailsDialog .dk-select {
  margin: 0px 5px 0 2px;
}
.goalsEditDetailsDialog .dk-select .dk-select-options-reminder {
  border-radius: 0 0 25px 25px !important;
  border-top: 2px solid #52ae30;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  width: 95%;
}
.goalsEditDetailsDialog .dk-select.active .dk-selected {
  border-radius: 25px 25px 0 0 !important;
  border: none;
}
.goalsEditDetailsDialog .addcategory {
  float: left;
  z-index: 10;
  background-color: #EFEFEF;
  padding-right: 26px;
}
.goalsEditDetailsDialog .swiper-button-prev {
  left: 119px !important;
}
.goalsEditDetailsDialog .my-account-img-upload {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 10 !important;
  cursor: pointer;
}
.goalsEditDetailsDialog .input-datum {
  pointer-events: none;
}
.goalsEditDetailsDialog .input-datum .transaction-calendar {
  background-color: #EFEFEF;
  border-color: #DCDCDC !important;
}
.goalsEditDetailsDialog .cam-ico {
  position: absolute;
  width: 36px;
  height: 34px;
  top: 187%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  stroke: currentColor;
}
.goalsEditDetailsDialog .my-account-detail-img-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 10 !important;
  cursor: pointer;
}
.goalsEditDetailsDialog .addpicture {
  stroke: gray !important;
  width: 30px;
  height: 70px;
}
.goalsEditDetailsDialog .my-goal-img img {
  height: 70px;
}
.goalsEditDetailsDialog .template-date .validationMessage {
  position: absolute;
  top: 36px;
}

.filterSubscription .secoundleft,
.predefinedSubscriptionDialog .secoundleft,
.subscriptionAddDialog .secoundleft,
.goalsAddDialog .secoundleft {
  width: 21% !important;
  right: 27px;
}
.filterSubscription .secoundleft .payments,
.predefinedSubscriptionDialog .secoundleft .payments,
.subscriptionAddDialog .secoundleft .payments,
.goalsAddDialog .secoundleft .payments {
  cursor: default;
  background-color: #EFEFEF;
}
.filterSubscription .pay-valuta,
.predefinedSubscriptionDialog .pay-valuta,
.subscriptionAddDialog .pay-valuta,
.goalsAddDialog .pay-valuta {
  height: 21px !important;
}
.filterSubscription .pay-valuta .payment-filter-ico,
.predefinedSubscriptionDialog .pay-valuta .payment-filter-ico,
.subscriptionAddDialog .pay-valuta .payment-filter-ico,
.goalsAddDialog .pay-valuta .payment-filter-ico {
  right: -51px !important;
  top: 26px !important;
}
.filterSubscription .firstleft,
.predefinedSubscriptionDialog .firstleft,
.subscriptionAddDialog .firstleft,
.goalsAddDialog .firstleft {
  width: 183px !important;
}
.filterSubscription .firstleft .animationLabel,
.predefinedSubscriptionDialog .firstleft .animationLabel,
.subscriptionAddDialog .firstleft .animationLabel,
.goalsAddDialog .firstleft .animationLabel {
  width: 100%;
}
.filterSubscription .input-datum,
.predefinedSubscriptionDialog .input-datum,
.subscriptionAddDialog .input-datum,
.goalsAddDialog .input-datum {
  right: 2px;
  width: 94%;
  height: 20px;
}
.filterSubscription .dk-select,
.predefinedSubscriptionDialog .dk-select,
.subscriptionAddDialog .dk-select,
.goalsAddDialog .dk-select {
  margin: 0px 5px 0 2px;
}
.filterSubscription .dk-select .dk-select-options-reminder,
.predefinedSubscriptionDialog .dk-select .dk-select-options-reminder,
.subscriptionAddDialog .dk-select .dk-select-options-reminder,
.goalsAddDialog .dk-select .dk-select-options-reminder {
  border-radius: 0 0 25px 25px !important;
  border-top: 2px solid #52ae30;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  width: 182%;
}
.filterSubscription .dk-select.active .dk-selected,
.predefinedSubscriptionDialog .dk-select.active .dk-selected,
.subscriptionAddDialog .dk-select.active .dk-selected,
.goalsAddDialog .dk-select.active .dk-selected {
  border-radius: 25px 25px 0 0 !important;
  border: none;
}
.filterSubscription .addcategory,
.predefinedSubscriptionDialog .addcategory,
.subscriptionAddDialog .addcategory,
.goalsAddDialog .addcategory {
  float: left;
  z-index: 10;
  background-color: #EFEFEF;
  padding-right: 26px;
}
.filterSubscription .swiper-button-prev,
.predefinedSubscriptionDialog .swiper-button-prev,
.subscriptionAddDialog .swiper-button-prev,
.goalsAddDialog .swiper-button-prev {
  left: 119px !important;
}
.filterSubscription .my-account-img-upload,
.predefinedSubscriptionDialog .my-account-img-upload,
.subscriptionAddDialog .my-account-img-upload,
.goalsAddDialog .my-account-img-upload {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 10 !important;
  cursor: pointer;
}
.filterSubscription .cam-ico,
.predefinedSubscriptionDialog .cam-ico,
.subscriptionAddDialog .cam-ico,
.goalsAddDialog .cam-ico {
  position: absolute;
  width: 36px;
  height: 34px;
  top: 187%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  stroke: currentColor;
}
.filterSubscription .my-account-detail-img-wrapper,
.predefinedSubscriptionDialog .my-account-detail-img-wrapper,
.subscriptionAddDialog .my-account-detail-img-wrapper,
.goalsAddDialog .my-account-detail-img-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 10 !important;
  cursor: pointer;
}
.filterSubscription .addpicture,
.predefinedSubscriptionDialog .addpicture,
.subscriptionAddDialog .addpicture,
.goalsAddDialog .addpicture {
  stroke: gray !important;
  width: 30px;
  height: 70px;
}
.filterSubscription .my-goal-img img,
.predefinedSubscriptionDialog .my-goal-img img,
.subscriptionAddDialog .my-goal-img img,
.goalsAddDialog .my-goal-img img {
  height: 70px;
}
.filterSubscription .template-date .validationMessage,
.predefinedSubscriptionDialog .template-date .validationMessage,
.subscriptionAddDialog .template-date .validationMessage,
.goalsAddDialog .template-date .validationMessage {
  position: absolute;
  top: 36px;
}

.goalsListDetailsDialog .object-fit-cover {
  display: block !important;
  border-radius: 37px;
}
.goalsListDetailsDialog .popup-ammount-ico-wrapper {
  background-color: #52AE30 !important;
}
.goalsListDetailsDialog .popup-ammount-ico-wrapper .payments-ico-svg {
  stroke: #FFFFFF !important;
  fill: #FFFFFF !important;
  width: 33px !important;
  height: 33px !important;
}

.savingGoalsListView .endDateGoalsView {
  display: flex;
  float: right;
  justify-content: end;
}
.savingGoalsListView .object-fit-cover {
  border-radius: 25px;
}
.savingGoalsListView .pfm-budgeting-box {
  padding: 7px 16px 16px 16px !important;
}
.savingGoalsListView .pfm-budgeting-box .messageStatus {
  display: flex;
  justify-content: end;
}

.goalsEditDetailsDialog .object-fit-cover {
  border-radius: 30px;
}
.goalsEditDetailsDialog .edit-sg-value {
  border: 1px solid #DCDCDC !important;
}
.goalsEditDetailsDialog .all-account-close {
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
}
.goalsEditDetailsDialog .all-account-close .account-close-ico {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.goalsEditDetailsDialog .input-datum {
  margin-bottom: 29px;
}
.goalsEditDetailsDialog .dk-select .dk-select-options-reminder .dk-option:hover {
  background-color: #EFEFEF;
  cursor: pointer;
}

.createdSavingGoal .popup-btn-wrapper {
  bottom: 20px !important;
}
.createdSavingGoal .account-item-inner.optiscroll {
  padding: 0 30px;
}
.createdSavingGoal .account-item-inner.optiscroll .account-inter-inner-scroll {
  display: grid;
  justify-items: center;
  margin-top: 20%;
}
.createdSavingGoal .successful-goal-creation-ico {
  background-image: url(images/icons/credit-request.PNG);
  background-size: 110px;
  background-repeat: no-repeat;
  width: 110px;
  height: 110px;
}

.msgBox-oneButton .ui-dialog-buttonpane {
  padding: 0 !important;
}

.predefinedSubscriptionDialog .payments-ico,
.SubscriptionList .payments-ico {
  background-color: transparent !important;
  width: 100px !important;
}
.predefinedSubscriptionDialog .payments-ico .object-fit-cover,
.SubscriptionList .payments-ico .object-fit-cover {
  object-fit: contain !important;
}
.predefinedSubscriptionDialog .pfm-budgeting-box-top-wrapper,
.SubscriptionList .pfm-budgeting-box-top-wrapper {
  margin-bottom: 0px;
}
.predefinedSubscriptionDialog .pfm-budgeting-box,
.SubscriptionList .pfm-budgeting-box {
  padding: 23px 3px 16px 16px !important;
}
.predefinedSubscriptionDialog .pfm-budgeting-box-title-wrapper,
.SubscriptionList .pfm-budgeting-box-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.predefinedSubscriptionDialog .currncyFont,
.SubscriptionList .currncyFont {
  font-size: 16px;
  font-weight: bold;
}
.predefinedSubscriptionDialog .nameFont,
.SubscriptionList .nameFont {
  font-size: 18px;
  font-weight: bold;
}
.predefinedSubscriptionDialog .informationEdit,
.SubscriptionList .informationEdit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.predefinedSubscriptionDialog .activity-popup-filter-sub .page-text,
.SubscriptionList .activity-popup-filter-sub .page-text {
  display: block;
  padding-right: 20px;
  position: relative;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.predefinedSubscriptionDialog .activity-popup-filter-sub .page-text:hover,
.SubscriptionList .activity-popup-filter-sub .page-text:hover {
  color: #52ae30;
}
.predefinedSubscriptionDialog .activity-popup-filter-sub .page-text.active,
.SubscriptionList .activity-popup-filter-sub .page-text.active {
  color: rgba(0, 0, 0, 0.87);
}
.predefinedSubscriptionDialog .activity-popup-filter-sub .page-text.active .popup-check,
.SubscriptionList .activity-popup-filter-sub .page-text.active .popup-check {
  opacity: 1;
}
.predefinedSubscriptionDialog .activity-popup-filter-sub .page-text.active:hover,
.SubscriptionList .activity-popup-filter-sub .page-text.active:hover {
  color: #52ae30;
}
.predefinedSubscriptionDialog .pop-up-sub,
.SubscriptionList .pop-up-sub {
  position: absolute;
  z-index: 300;
  background-color: #EFEFEF;
  border-radius: 16px;
  top: 150%;
  right: 0;
  padding: 24px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  visibility: hidden;
  -webkit-transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
  transition: visibility 0.5s, opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  width: 160px;
  margin-right: -30px;
}
.predefinedSubscriptionDialog .pop-up-sub.active,
.SubscriptionList .pop-up-sub.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.6s;
  z-index: 102;
}
.predefinedSubscriptionDialog .dot-decoration,
.SubscriptionList .dot-decoration {
  top: -14px;
  right: 46px !important;
  background-color: #F60 !important;
}

.subscriptionAddDialog .dk-select-options-reminder {
  width: 438px !important;
}
.subscriptionAddDialog .dk-select-options-reminder li {
  cursor: pointer;
}
.subscriptionAddDialog .pay-valuta {
  left: 84% !important;
}
.subscriptionAddDialog .val {
  width: 100% !important;
  margin-right: 0 !important;
}
.subscriptionAddDialog .object-fit-cover {
  position: static;
  width: 30%;
  object-fit: contain;
  height: 100%;
}
.subscriptionAddDialog .predefinedList {
  position: static;
  width: 100%;
  object-fit: contain;
  height: 30px;
  display: flex;
}
.subscriptionAddDialog .predefinedList:hover {
  background-color: #EFEFEF !important;
  cursor: pointer;
}
.subscriptionAddDialog .predefinedListAll {
  height: 200px !important;
}
.subscriptionAddDialog .rightIcon {
  top: 35px;
  transform: translateY(-50%) rotate(-180deg);
  fill: #52AE30;
  width: 7px;
}
.subscriptionAddDialog .template-date {
  width: 440px !important;
}

.listSubstriction {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.predefinedSubscriptionDialog {
  padding: 10px 35px;
}

#gvSubTransaction .payments-ico img,
.SubscriptionOverview .payments-ico img {
  top: 5px !important;
  position: absolute;
  left: 4px;
  width: 34px;
  height: 28px;
}

#gvSubTransaction {
  margin-bottom: 60px;
}
#gvSubTransaction th:nth-child(2) span {
  display: none;
}

.SubscriptionSwitch {
  padding-top: 100px;
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 1px;
}
.SubscriptionSwitch .accountSliderSw-switch {
  display: flex;
  width: 440px;
  font-family: "Source-Sans-Pro-semibold", "sans-serif";
  background: #e8e9ec;
  border-radius: 12px;
  position: relative;
  height: 50px;
  float: right;
  align-items: center;
}
.SubscriptionSwitch .accountSliderSw-switch .active {
  color: #52ae30;
}
.SubscriptionSwitch .accountSliderSw-switch:before, .SubscriptionSwitch .accountSliderSw-switch.active-1:before {
  transform: translateX(0);
}
.SubscriptionSwitch .accountSliderSw-switch.active-2:before {
  transform: translateX(100%);
}
.SubscriptionSwitch .accountSliderSw-switch:before {
  content: "";
  width: -webkit-calc(50% - 4px);
  width: calc(50% - 4px);
  height: -webkit-calc(100% - 6px);
  height: calc(100% - 6px);
  position: absolute;
  top: 3px;
  left: 4px;
  background: white;
  /*box-shadow: 0 8px 10px rgba(0,0,0, .8);*/
  border-radius: 10px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.SubscriptionSwitch .accountSliderSw-switch > span {
  display: block;
  width: 50%;
  float: left;
  font-size: 15px;
  text-align: center;
  color: #52AE30;
  padding: 6px 5px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  cursor: pointer;
  position: relative;
}
.SubscriptionSwitch .user-intro-select-wrapper-inner {
  justify-content: center;
}
.SubscriptionSwitch .tabslider {
  padding-bottom: 40px;
}

.SubscriptionList {
  padding-top: 0px;
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 1px;
}
.SubscriptionList .filter {
  padding-bottom: 20px;
}
.SubscriptionList .payment-ico-border-goals-svg {
  top: -10px !important;
  position: absolute;
  left: -15px;
  width: 87px;
  height: 60px;
}
.SubscriptionList .payment-ico-border-goals-svg rect {
  fill: transparent;
  stroke: #2A7F00;
  stroke-width: 6px;
  stroke-dasharray: 314;
}
.SubscriptionList .custom-spinner.custom-spinner-dashboard {
  top: 50% !important;
  position: fixed !important;
  transform: none !important;
}
.SubscriptionList .user-intro-section-button-wrapper {
  padding-top: 0px !important;
  display: flex;
  justify-content: space-between;
}
.SubscriptionList .user-intro-section-button-wrapper .total-amount-group {
  display: flex;
  border-bottom: 3px solid black;
  align-items: center;
}
.SubscriptionList .user-intro-section-button-wrapper .total-amount-group .total-amount {
  padding-right: 13px;
}
.SubscriptionList .user-intro-section-button-wrapper .total-amount-group .total-amount .nameFont {
  color: #52AE30;
}
.SubscriptionList .user-intro-section-button-wrapper .total-amount-group .total-amount p {
  padding-left: 9px;
}
.SubscriptionList .user-intro-section-button-wrapper .total-amount-group .equal {
  padding-right: 13px;
}
.SubscriptionList .user-intro-section-button-wrapper .total-amount-group .equal .nameFont {
  font-size: 34px;
  font-weight: 100;
}
.SubscriptionList .user-intro-section-button-wrapper .total-amount-group .amount-currency {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.SubscriptionList .user-intro-section-button-wrapper .total-amount-group .amount-currency .text-color-7 {
  color: #52AE30;
}

.subscriptionOverviewWidget {
  display: none;
}
.subscriptionOverviewWidget .s-widget-title {
  margin-bottom: 0px !important;
}

.subscriptionManagementWidget .s-widget-title {
  margin-bottom: 0px !important;
}

.predefinedSubscriptionDialog .intrabank-wrapper.with-label-inside .input-1 {
  max-width: 400px;
  width: -webkit-fill-available;
}

.filterSubscription .template-date {
  width: 230px !important;
}
.filterSubscription .filterButton {
  padding-left: 25px;
}

.predefinedSubscriptionDialog .btnRemmoveArea {
  display: flex;
  justify-content: end;
}
.predefinedSubscriptionDialog .btnRemmoveArea .tag-wrapper {
  position: relative;
  padding: 7px 30px 5px 12px;
  background-color: #fff;
  border: 1px solid #d5e0ec;
  border-radius: 15px;
  cursor: pointer;
  -webkit-transition: background-color 0.5s, border-color 0.5s;
  transition: background-color 0.5s, border-color 0.5s;
  height: 27px;
  align-items: center;
  display: flex;
}
.predefinedSubscriptionDialog .btnRemmoveArea .tag-wrapper:hover {
  color: white !important;
  background-color: #52AE30;
}
.predefinedSubscriptionDialog .btnRemmoveArea .tag-wrapper:hover .text-color-8 {
  color: white !important;
}
.predefinedSubscriptionDialog .btnRemmoveArea .tag-wrapper .tag-icon-ico {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  fill: currentColor;
  -webkit-transition: fill 0.5s;
  transition: fill 0.5s;
}
.predefinedSubscriptionDialog .btnRemmoveArea .tag-wrapper .page-text-2 {
  transition: color 0.5s;
}