@import url(../fonts/Helvetica-webfont-async-8ff6733af64eb3392337771c7e5126bb.css);

@import url(../fonts/icomoon-5df4efdb6cb0c49f82d1aa074c92c548.css);

@import url(../fonts/gnuolane-8ef131937d39b8db806b3feaf9e47a07.css);

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

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

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

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

.input-range__slider {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #3f51b5;
  border: 1px solid #3f51b5;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 1rem;
  margin-left: -.5rem;
  margin-top: -.65rem;
  outline: none;
  position: absolute;
  top: 50%;
  -webkit-transition: -webkit-transform 0.3s ease-out,-webkit-box-shadow 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out,-webkit-box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out,box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out,box-shadow 0.3s ease-out,-webkit-transform 0.3s ease-out,-webkit-box-shadow 0.3s ease-out;
  width: 1rem;
}

.input-range__slider:active {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.input-range__slider:focus {
  -webkit-box-shadow: 0 0 0 5px rgba(63,81,181,0.2);
  box-shadow: 0 0 0 5px rgba(63,81,181,0.2);
}

.input-range--disabled .input-range__slider {
  background: #ccc;
  border: 1px solid #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.input-range__slider-container {
  -webkit-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}

.input-range__label {
  color: #aaa;
  font-family: "Helvetica Neue",san-serif;
  font-size: .8rem;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  white-space: nowrap;
}

.input-range__label--min,
.input-range__label--max {
  bottom: -1.4rem;
  position: absolute;
}

.input-range__label--min {
  left: 0;
}

.input-range__label--max {
  right: 0;
}

.input-range__label--value {
  position: absolute;
  top: -1.8rem;
}

.input-range__label-container {
  left: -50%;
  position: relative;
}

.input-range__label--max .input-range__label-container {
  left: 50%;
}

.input-range__track {
  background: #eee;
  border-radius: .3rem;
  cursor: pointer;
  display: block;
  height: .3rem;
  position: relative;
  -webkit-transition: left 0.3s ease-out,width 0.3s ease-out;
  transition: left 0.3s ease-out,width 0.3s ease-out;
}

.input-range--disabled .input-range__track {
  background: #eee;
}

.input-range__track--background {
  left: 0;
  margin-top: -0.15rem;
  position: absolute;
  right: 0;
  top: 50%;
}

.input-range__track--active {
  background: #3f51b5;
}

.input-range {
  height: 1rem;
  position: relative;
  width: 100%;
}

.rc-slider {
  position: relative;
  height: 16px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rc-slider * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #fff;
  height: 4px;
  border-radius: 6px;
}

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #30915C;
}

.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #30915C;
  background-color: #30915C;
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.rc-slider-handle:hover {
  border-color: #fff;
}

.rc-slider-handle:active {
  border-color: #30915C;
  -webkit-box-shadow: 0 0 5px #30915C;
  box-shadow: 0 0 5px #30915C;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}

.rc-slider-mark-text-active {
  color: #666;
}

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}

.rc-slider-dot:first-child {
  margin-left: -4px;
}

.rc-slider-dot:last-child {
  margin-left: -4px;
}

.rc-slider-dot-active {
  border-color: #96dbfa;
}

.rc-slider-disabled {
  background-color: #e9e9e9;
}

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}

.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}

.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  -webkit-animation-name: rcSliderTooltipZoomDownIn;
  animation-name: rcSliderTooltipZoomDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  -webkit-animation-name: rcSliderTooltipZoomDownOut;
  animation-name: rcSliderTooltipZoomDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

@-webkit-keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rc-slider-tooltip * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rc-slider-tooltip-hidden {
  display: none;
}

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}

.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 4px #d9d9d9;
  box-shadow: 0 0 4px #d9d9d9;
}

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #4d4d4d;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 6px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: .944rem;
}

.react-datepicker__navigation {
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: .45rem solid transparent;
  z-index: 1;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  display: inline;
  float: left;
}

.react-datepicker__month {
  margin: .4rem;
  text-align: center;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: .166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: .3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: .166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: .3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: .3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  border-radius: .3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: .3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33,107,165,0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view {
  border: 1px solid transparent;
  border-radius: .3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: .45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: .3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  content: "\00d7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  left: 0;
  top: 0;
  -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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: .81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

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

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

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

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

@-webkit-keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}

.plyr {
  position: relative;
  max-width: 100%;
  min-width: 200px;
  font-family: Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
  direction: ltr;
}

.plyr,
.plyr *,
.plyr *::after,
.plyr *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.plyr a,
.plyr button,
.plyr input,
.plyr label {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.plyr:focus {
  outline: 0;
}

.plyr video,
.plyr audio {
  width: 100%;
  height: auto;
  vertical-align: middle;
  border-radius: inherit;
}

.plyr input[type='range'] {
  display: block;
  height: 20px;
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  background: transparent;
}

.plyr input[type='range']::-webkit-slider-runnable-track {
  height: 8px;
  background: transparent;
  border: 0;
  border-radius: 4px;
  -webkit-user-select: none;
  user-select: none;
}

.plyr input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -4px;
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  -webkit-transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
  transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
  transition: background .2s ease, border .2s ease, transform .2s ease;
  transition: background .2s ease, border .2s ease, transform .2s ease, -webkit-transform .2s ease;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.15);
  box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.plyr input[type='range']::-moz-range-track {
  height: 8px;
  background: transparent;
  border: 0;
  border-radius: 4px;
  -moz-user-select: none;
  user-select: none;
}

.plyr input[type='range']::-moz-range-thumb {
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  -webkit-transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
  transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
  transition: background .2s ease, border .2s ease, transform .2s ease;
  transition: background .2s ease, border .2s ease, transform .2s ease, -webkit-transform .2s ease;
  box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.15);
  box-sizing: border-box;
}

.plyr input[type='range']::-ms-track {
  height: 8px;
  background: transparent;
  border: 0;
  color: transparent;
}

.plyr input[type='range']::-ms-fill-upper {
  height: 8px;
  background: transparent;
  border: 0;
  border-radius: 4px;
  -ms-user-select: none;
  user-select: none;
}

.plyr input[type='range']::-ms-fill-lower {
  height: 8px;
  background: transparent;
  border: 0;
  border-radius: 4px;
  -ms-user-select: none;
  user-select: none;
  background: #3498db;
}

.plyr input[type='range']::-ms-thumb {
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  -webkit-transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
  transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
  transition: background .2s ease, border .2s ease, transform .2s ease;
  transition: background .2s ease, border .2s ease, transform .2s ease, -webkit-transform .2s ease;
  box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.15);
  box-sizing: border-box;
  margin-top: 0;
}

.plyr input[type='range']::-ms-tooltip {
  display: none;
}

.plyr input[type='range']:focus {
  outline: 0;
}

.plyr input[type='range']::-moz-focus-outer {
  border: 0;
}

.plyr input[type='range'].tab-focus:focus {
  outline-offset: 3px;
}

.plyr input[type='range']:active::-webkit-slider-thumb {
  background: #3498db;
  border-color: #fff;
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}

.plyr input[type='range']:active::-moz-range-thumb {
  background: #3498db;
  border-color: #fff;
  transform: scale(1.25);
}

.plyr input[type='range']:active::-ms-thumb {
  background: #3498db;
  border-color: #fff;
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}

.plyr--video input[type='range'].tab-focus:focus {
  outline: 1px dotted rgba(255,255,255,0.5);
}

.plyr--audio input[type='range'].tab-focus:focus {
  outline: 1px dotted rgba(86,93,100,0.5);
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
}

.plyr__video-wrapper {
  position: relative;
  background: #000;
  border-radius: inherit;
}

.plyr__video-embed {
  padding-bottom: 56.25%;
  height: 0;
  border-radius: inherit;
  overflow: hidden;
  z-index: 0;
}

.plyr__video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.plyr__video-embed>div {
  position: relative;
  padding-bottom: 200%;
  -webkit-transform: translateY(-35.95%);
  -ms-transform: translateY(-35.95%);
  transform: translateY(-35.95%);
}

.plyr .plyr__video-embed iframe {
  pointer-events: none;
}

.plyr video::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  -webkit-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  transform: translateY(-60px);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
}

.plyr__captions span {
  border-radius: 2px;
  padding: 3px 10px;
  background: rgba(0,0,0,0.7);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 150%;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 768px) {
  .plyr__captions {
    font-size: 24px;
  }
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr--hide-controls .plyr__captions {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

@media (min-width: 1024px) {
  .plyr--fullscreen-active .plyr__captions {
    font-size: 32px;
  }
}

.plyr ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  text-align: center;
}

.plyr__controls>button,
.plyr__controls .plyr__progress,
.plyr__controls .plyr__time {
  margin-left: 5px;
}

.plyr__controls>button:first-child,
.plyr__controls .plyr__progress:first-child,
.plyr__controls .plyr__time:first-child {
  margin-left: 0;
}

.plyr__controls .plyr__volume {
  margin-left: 5px;
}

.plyr__controls [data-plyr="pause"] {
  margin-left: 0;
}

.plyr__controls button {
  position: relative;
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: visible;
  vertical-align: middle;
  padding: 7px;
  border: 0;
  background: transparent;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: background .3s ease, color .3s ease, opacity .3s ease;
  transition: background .3s ease, color .3s ease, opacity .3s ease;
  color: inherit;
}

.plyr__controls button svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: currentColor;
}

.plyr__controls button:focus {
  outline: 0;
}

.plyr__controls .icon--exit-fullscreen,
.plyr__controls .icon--muted,
.plyr__controls .icon--captions-on {
  display: none;
}

@media (min-width: 480px) {
  .plyr__controls>button,
  .plyr__controls .plyr__progress,
  .plyr__controls .plyr__time {
    margin-left: 10px;
  }
}

.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
}

.plyr--video .plyr__controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 50px 10px 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
  background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  color: #fff;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__controls button:hover {
  background: #3498db;
  color: #fff;
}

.plyr--audio .plyr__controls {
  padding: 10px;
  border-radius: inherit;
  background: #fff;
  border: 1px solid #dbe3e8;
  color: #565D64;
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover {
  background: #3498db;
  color: #fff;
}

.plyr__play-large {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 10px;
  background: #3498db;
  border: 4px solid currentColor;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.plyr__play-large svg {
  position: relative;
  left: 2px;
  width: 20px;
  height: 20px;
  display: block;
  fill: currentColor;
}

.plyr__play-large:focus {
  outline: 1px dotted rgba(255,255,255,0.5);
}

.plyr .plyr__play-large {
  display: inline-block;
}

.plyr--audio .plyr__play-large {
  display: none;
}

.plyr--playing .plyr__play-large {
  opacity: 0;
  visibility: hidden;
}

.plyr__controls [data-plyr='pause'],
.plyr--playing .plyr__controls [data-plyr='play'] {
  display: none;
}

.plyr--playing .plyr__controls [data-plyr='pause'] {
  display: inline-block;
}

.plyr--fullscreen-active .icon--exit-fullscreen,
.plyr--muted .plyr__controls .icon--muted,
.plyr--captions-active .plyr__controls .icon--captions-on {
  display: block;
}

.plyr--fullscreen-active .icon--exit-fullscreen+svg,
.plyr--muted .plyr__controls .icon--muted+svg,
.plyr--captions-active .plyr__controls .icon--captions-on+svg {
  display: none;
}

.plyr [data-plyr='captions'],
.plyr [data-plyr='fullscreen'] {
  display: none;
}

.plyr--captions-enabled [data-plyr='captions'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'] {
  display: inline-block;
}

.plyr__tooltip {
  position: absolute;
  z-index: 2;
  bottom: 100%;
  margin-bottom: 10px;
  padding: 5px 7.5px;
  pointer-events: none;
  opacity: 0;
  background: rgba(0,0,0,0.7);
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
  -ms-transform: translate(-50%, 10px) scale(0.8);
  transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;
  transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;
  transition: transform .2s .1s ease, opacity .2s .1s ease;
  transition: transform .2s .1s ease, opacity .2s .1s ease, -webkit-transform .2s .1s ease;
}

.plyr__tooltip::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -4px;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(0,0,0,0.7);
  border-left: 4px solid transparent;
  z-index: 2;
}

.plyr button:hover .plyr__tooltip,
.plyr button.tab-focus:focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  -webkit-transform: translate(-50%, 0) scale(1);
  -ms-transform: translate(-50%, 0) scale(1);
  transform: translate(-50%, 0) scale(1);
}

.plyr button:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls button:first-child .plyr__tooltip {
  left: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
  -ms-transform: translate(0, 10px) scale(0.8);
  transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.plyr__controls button:first-child .plyr__tooltip::before {
  left: 16px;
}

.plyr__controls button:last-child .plyr__tooltip {
  right: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
  -ms-transform: translate(0, 10px) scale(0.8);
  transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.plyr__controls button:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.plyr__controls button:first-child:hover .plyr__tooltip,
.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,
.plyr__controls button:first-child .plyr__tooltip--visible,
.plyr__controls button:last-child:hover .plyr__tooltip,
.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,
.plyr__controls button:last-child .plyr__tooltip--visible {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}

.plyr__progress {
  display: none;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.plyr__progress input[type="range"] {
  position: relative;
  z-index: 2;
}

.plyr__progress input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
}

.plyr__progress input[type="range"]::-moz-range-track {
  background: transparent;
}

.plyr__progress input[type="range"]::-ms-fill-upper {
  background: transparent;
}

.plyr__progress .plyr__tooltip {
  left: 0;
}

.plyr .plyr__progress {
  display: inline-block;
}

.plyr__progress--buffer,
.plyr__progress--played,
.plyr__volume--display {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 8px;
  margin: -4px 0 0;
  padding: 0;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 100px;
}

.plyr__progress--buffer::-webkit-progress-bar,
.plyr__progress--played::-webkit-progress-bar,
.plyr__volume--display::-webkit-progress-bar {
  background: transparent;
}

.plyr__progress--buffer::-webkit-progress-value,
.plyr__progress--played::-webkit-progress-value,
.plyr__volume--display::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 8px;
}

.plyr__progress--buffer::-moz-progress-bar,
.plyr__progress--played::-moz-progress-bar,
.plyr__volume--display::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 8px;
}

.plyr__progress--buffer::-ms-fill,
.plyr__progress--played::-ms-fill,
.plyr__volume--display::-ms-fill {
  border-radius: 100px;
}

.plyr__progress--played,
.plyr__volume--display {
  z-index: 1;
  color: #3498db;
  background: transparent;
  -webkit-transition: none;
  transition: none;
}

.plyr__progress--played::-webkit-progress-value,
.plyr__volume--display::-webkit-progress-value {
  min-width: 8px;
  max-width: 99%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-transition: none;
  transition: none;
}

.plyr__progress--played::-moz-progress-bar,
.plyr__volume--display::-moz-progress-bar {
  min-width: 8px;
  max-width: 99%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-transition: none;
  transition: none;
}

.plyr__progress--played::-ms-fill,
.plyr__volume--display::-ms-fill {
  display: none;
}

.plyr__progress--buffer::-webkit-progress-value {
  -webkit-transition: width .2s ease;
  transition: width .2s ease;
}

.plyr__progress--buffer::-moz-progress-bar {
  -webkit-transition: width .2s ease;
  transition: width .2s ease;
}

.plyr__progress--buffer::-ms-fill {
  -webkit-transition: width .2s ease;
  transition: width .2s ease;
}

.plyr--video .plyr__progress--buffer,
.plyr--video .plyr__volume--display {
  background: rgba(255,255,255,0.25);
}

.plyr--video .plyr__progress--buffer {
  color: rgba(255,255,255,0.25);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
  background: rgba(198,214,219,0.67);
}

.plyr--audio .plyr__progress--buffer {
  color: rgba(198,214,219,0.67);
}

.plyr--loading .plyr__progress--buffer {
  -webkit-animation: plyr-progress 1s linear infinite;
  animation: plyr-progress 1s linear infinite;
  background-size: 25px 25px;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(135deg, rgba(0,0,0,0.15) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(0,0,0,0.15) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.15) 75%, transparent 75%, transparent);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress--buffer {
  background-color: rgba(255,255,255,0.25);
}

.plyr--audio.plyr--loading .plyr__progress--buffer {
  background-color: rgba(198,214,219,0.67);
}

.plyr__time {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.plyr__time+.plyr__time {
  display: none;
}

@media (min-width: 768px) {
  .plyr__time+.plyr__time {
    display: inline-block;
  }
}

.plyr__time+.plyr__time::before {
  content: '\2044';
  margin-right: 10px;
}

.plyr__volume {
  display: none;
}

.plyr .plyr__volume {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.plyr .plyr__volume input[type="range"] {
  position: relative;
  z-index: 2;
}

@media (min-width: 480px) {
  .plyr .plyr__volume {
    display: block;
    max-width: 60px;
  }
}

@media (min-width: 768px) {
  .plyr .plyr__volume {
    max-width: 100px;
  }
}

.plyr--is-ios .plyr__volume,
.plyr--is-ios [data-plyr='mute'] {
  display: none !important;
}

.plyr--fullscreen-active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 10000000;
  background: #000;
  border-radius: 0 !important;
}

.plyr--fullscreen-active video {
  height: 100%;
}

.plyr--fullscreen-active .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr--fullscreen-active .plyr__video-embed {
  overflow: visible;
}

.plyr--fullscreen-active .plyr__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.Select {
  position: relative;
}

.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.Select.is-disabled>.Select-control {
  background-color: #f9f9f9;
}

.Select.is-disabled>.Select-control:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}

.Select-control {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  color: gray;
  cursor: default;
  border-spacing: 0;
  border-collapse: separate;
  min-height: 50px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-height: 88px;
  overflow: auto;
}

.Select-control:hover {
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.06);
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}

.Select-control .Select-input:focus {
  outline: none;
}

.Select--multi .Select-value:hover {
  background-color: #30915c;
}

.is-searchable.is-open>.Select-control {
  cursor: text;
}

.is-open>.Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}

.is-open>.Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}

.is-searchable.is-focused:not(.is-open)>.Select-control {
  cursor: text;
}

.is-focused:not(.is-open)>.Select-control {
  border-color: #007eff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1);
}

.Select-placeholder,
.Select--single>.Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-value.is-clearable.Select--single>.Select-control .Select-value {
  padding-right: 42px;
}

.has-value.Select--single>.Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label {
  color: #333;
}

.has-value.Select--single>.Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}

.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,
.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

.Select-input>input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 24px;
  padding: 12px 0;
  -webkit-appearance: none;
}

.is-focused .Select-input>input {
  cursor: text;
}

.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}

.Select-control:not(.is-searchable)>.Select-input {
  outline: none;
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}

.Select-clear-zone:hover {
  color: #D0021B;
}

.Select-clear {
  display: none;
  line-height: 1;
}

.Select--multi .Select-clear-zone {
  width: 0px;
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
  display: none;
}

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}

.is-open .Select-arrow,
.Select-arrow-zone:hover>.Select-arrow {
  border-top-color: #666;
}

.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.06);
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 2;
  -webkit-overflow-scrolling: touch;
}

.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}

.Select-option {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.Select-option.is-selected {
  color: green;
}

.Select-option.is-focused {
  background-color: #f5f5f5;
  color: #333;
}

.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}

.Select-noresults {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}

.Select--multi.has-value .Select-input {
  margin-left: 5px;
}

.Select--multi .Select-value {
  border-radius: 40px;
  background-color: rgba(74,172,118,0.9);
  color: #fff;
  display: inline-block;
  line-height: 1.4;
  margin-top: 6px;
  margin-left: 8px;
  vertical-align: top;
  height: 28px;
}

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px 3px;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: lowercase;
  margin-left: 5px;
  cursor: pointer;
}

.Select--multi a.Select-value-label {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  padding: 1px 5px 3px;
  float: right;
  margin-right: 5px;
}

.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  color: #fff;
}

.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  background-color: rgba(0,126,255,0.24);
}

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}

.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}

@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}

.InputPage {
  width: 195px;
}

.VirtualSelectGrid {
  z-index: 1;
}

.VirtualizedSelectOption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 .5rem;
}

.VirtualizedSelectFocusedOption {
  background-color: rgba(0,126,255,0.1);
}

.VirtualizedSelectDisabledOption {
  opacity: 0.5;
}

.VirtualizedSelectSelectedOption {
  font-weight: bold;
}

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
  background-color: #000;
}

.ReactCrop:focus {
  outline: none;
}

.ReactCrop--disabled {
  cursor: inherit;
}

.ReactCrop__image {
  display: block;
  max-width: 100%;
}

.ReactCrop--crop-invisible .ReactCrop__image {
  opacity: 0.5;
}

.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: move;
  -webkit-box-shadow: 0 0 0 9999em rgba(0,0,0,0.5);
  box-shadow: 0 0 0 9999em rgba(0,0,0,0.5);
  border: 1px solid;
  border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
  border-image-slice: 1;
  border-image-repeat: repeat;
}

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}

.ReactCrop__drag-handle {
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: rgba(0,0,0,0.2);
  border: 1px solid rgba(255,255,255,0.7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 1px solid transparent;
}

.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize;
}

.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize;
}

.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize;
}

.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize;
}

.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize;
}

.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize;
}

.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize;
}

.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize;
}

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}

.ReactCrop__drag-bar {
  position: absolute;
}

.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px;
}

.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px;
}

.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px;
}

.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px;
}

.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle,
.ReactCrop--fixed-aspect .ReactCrop__drag-bar {
  display: none;
}

.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none;
}

@media (max-width: 768px) {
  .ReactCrop__drag-handle {
    width: 17px;
    height: 17px;
  }

  .ReactCrop .ord-nw {
    margin-top: -9px;
    margin-left: -9px;
  }

  .ReactCrop .ord-n {
    margin-top: -9px;
    margin-left: -9px;
  }

  .ReactCrop .ord-ne {
    margin-top: -9px;
    margin-right: -9px;
  }

  .ReactCrop .ord-e {
    margin-top: -9px;
    margin-right: -9px;
  }

  .ReactCrop .ord-se {
    margin-bottom: -9px;
    margin-right: -9px;
  }

  .ReactCrop .ord-s {
    margin-bottom: -9px;
    margin-left: -9px;
  }

  .ReactCrop .ord-sw {
    margin-bottom: -9px;
    margin-left: -9px;
  }

  .ReactCrop .ord-w {
    margin-top: -9px;
    margin-left: -9px;
  }

  .ReactCrop__drag-bar.ord-n {
    height: 14px;
    margin-top: -7px;
  }

  .ReactCrop__drag-bar.ord-e {
    width: 14px;
    margin-right: -7px;
  }

  .ReactCrop__drag-bar.ord-s {
    height: 14px;
    margin-bottom: -7px;
  }

  .ReactCrop__drag-bar.ord-w {
    width: 14px;
    margin-left: -7px;
  }
}

data-panel.accountBalanceDetailsContainer {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.accountSelection {
  display: inline-block;
}

.accountSelection>a {
  color: initial;
  text-decoration: none;
}

.accountSelection>a:hover {
  color: initial;
  text-decoration: none;
}

.accountSelectionUnderline {
  border-bottom: 1px solid #F36F20;
  position: relative;
  bottom: -6px;
}

.accountSelect {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 18px;
  font-size: 1.2rem;
  padding: 0 30px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  width: 220px;
}

.accountSelect:active,
.accountSelect:hover {
  outline: 0;
}

.accountSelect::-ms-expand {
  display: none;
}

.accountName {
  font-size: 18px;
  font-size: 1.2rem;
}

.accountSelection-icon {
  position: relative !important;
  font-size: 10px !important;
  font-size: .66667rem !important;
  left: 80%;
  top: 30px;
  color: #F36F20;
}

.btn-export-pdf {
  padding: 2px !important;
  font-size: 12px !important;
  font-size: .8rem !important;
}

.btn-export-pdf:hover {
  padding: 2px !important;
  font-size: 12px !important;
  font-size: .8rem !important;
}

.panel--account-details {
  position: relative;
  margin: 0 20px;
  padding-left: 70px;
}

.panel--account-details span[class^="icon-"] {
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 30px;
  font-size: 2rem;
  color: gray;
}

.panel--account-details .total-availability {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.panel--account-details .total-availability .amount-text {
  display: inline-block;
  font-size: 34px;
  font-size: 2.26667rem;
}

.panel--account-details .total-availability .description {
  position: relative;
  top: -5px;
  color: #404040;
  font-size: 13px;
  font-size: .86667rem;
}

.panel--account-details .total-availability .dropdown.currency {
  display: inline-block;
}

.accountDetails .account-info-text {
  text-align: center;
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1.2;
  margin: 15px 0;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .accountDetails .account-info-text {
    font-size: 18px;
    font-size: 1.2rem;
    margin: 25px 0;
  }
}

@media only screen and (min-width: 1024px) {
  .accountDetails .account-info-text {
    font-size: 20px;
    font-size: 1.33333rem;
    margin: 35px 0;
  }
}

.accountDetails .account-info-text span {
  display: block;
}

@media only screen and (min-width: 768px) {
  .accountDetails .income-and-outcome {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .accountDetails .income-and-outcome {
    padding-left: 30px;
    padding-right: 8.33333333%;
  }
}

.accountDetails .income-and-outcome h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  line-height: 1.2;
  color: #262626;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .accountDetails .income-and-outcome h3 {
    float: left;
  }
}

.accountDetails .income-and-outcome .switcher-menu {
  min-width: auto;
  border-top: 0;
}

@media only screen and (max-width: 767px) {
  .accountDetails .income-and-outcome .switcher-menu {
    margin-top: 16px;
  }

  .accountDetails .income-and-outcome .switcher-menu .btn {
    float: none;
    display: inline-block;
  }
}

.accountDetails .income-and-outcome .switcher-menu>.btn.active {
  background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) {
  .accountDetails .income-and-outcome .switcher-menu {
    float: left;
  }
}

.accountDetails .income-and-outcome .chart-height {
  position: relative;
  height: 200px !important;
}

.accountDetails .income-and-outcome .chart-height.reset-height-on-mobile {
  height: auto;
}

.accountDetails .income-and-outcome .chart-height+.chart-height {
  height: auto !important;
  vertical-align: bottom;
}

.accountDetails .budget-start-date-selector {
  padding: 15px;
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.2;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .accountDetails .budget-start-date-selector {
    font-size: 16px;
    font-size: 1.06667rem;
    text-align: center;
  }
}

.budget-start-date-selector__close {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 26px;
  font-size: 1.73333rem;
  line-height: 40px;
  width: 40px;
}

.income-and-outcome {
  margin-left: -10px;
  margin-right: -10px;
}

.income-and-outcome .line-chart {
  position: relative;
  background: transparent;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .income-and-outcome .line-chart {
    padding: 30px 0 0;
  }
}

@media only screen and (min-width: 768px) {
  .income-and-outcome {
    margin-left: 0;
    margin-right: 0;
  }
}

.ie8 .income-and-outcome {
  background: transparent;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .nav-tabs--incomeOutcome {
    margin: 12px 0;
  }
}

.cheque-list--row {
  position: relative;
  padding: 10px 0;
  font-size: 15px;
  font-size: 1rem;
  border-bottom: 1px solid #e6e6e6;
}

.cheque-list--row .headling,
.cheque-list--row .overview--headling {
  padding: 4px 10px;
  font-size: 11px;
  font-size: .73333rem;
  color: #404040;
  text-transform: uppercase;
}

.cheque-list--row .cq-inner {
  display: block;
  padding: 0 10px 5px;
}

.cheque-list--row .view-details {
  display: block;
  padding: 0 10px;
  margin: 0;
}

.cheque-list--group:nth-child(2n) {
  background-color: #f5f5f5;
}

.cheque-list .details {
  background-color: #e6e6e6;
  -webkit-box-shadow: 0,3px,3px,rgba(0,0,0,0.05),inset;
  box-shadow: 0,3px,3px,rgba(0,0,0,0.05),inset;
}

.cheque-list .mobile-blocked {
  display: block;
}

.account-wrapper {
  margin-bottom: 16px;
  border-radius: 4px;
  border: solid 1px #e6e6e6;
  overflow: hidden;
}

.account-wrapper .payment__expandable {
  border-radius: 0;
}

.account-overview {
  border-radius: 4px;
  background-color: #fff;
  padding: 8px 0 0;
}

@media only screen and (min-width: 768px) {
  .account-overview {
    padding: 18px 0 0;
  }
}

.account-overview.account-overview-inline {
  border-bottom: 1px solid #e6e6e6;
}

@media only screen and (max-width: 767px) {
  .account-overview.account-overview-inline .transfer-detail {
    padding-left: 16px;
    margin-bottom: 16px;
  }

  .account-overview.account-overview-inline .account-overview__data {
    margin-top: 8px;
  }
}

@media only screen and (min-width: 768px) {
  .account-overview.account-overview-inline {
    padding: 0px 0 0;
    height: 124px;
    display: table;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .account-overview.account-overview-inline *[class*="col-"] {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}

.account-overview.account-overview-inline .description-detail {
  font-size: 12px;
  font-size: .8rem;
}

.account-overview.account-overview-inline .nickname-inline {
  display: none;
}

.account-overview.account-overview-inline .nickname-inline__txt {
  font-size: 16px;
  font-size: 1.06667rem;
}

@media only screen and (max-width: 767px) {
  .account-overview.account-overview-inline .nickname-inline__txt {
    font-size: 15px;
    font-size: 1rem;
  }
}

.account-overview.account-overview-fixed {
  position: fixed;
  z-index: 5;
  height: 80px;
  border-radius: 0;
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  display: table;
  margin-left: -1px;
  border: solid 1px #e6e6e6;
}

.account-overview.account-overview-fixed .account-overview__cover {
  padding: 0 16px 0 16px;
}

.account-overview.account-overview-fixed .account-overview__cover,
.account-overview.account-overview-fixed .account-overview__data {
  display: table-cell;
  width: 50%;
  float: none;
  vertical-align: middle;
}

.account-overview.account-overview-fixed .account-overview__data {
  text-align: right;
  padding-right: 32px;
  margin-top: 8px;
}

@media only screen and (max-width: 767px) {
  .account-overview.account-overview-fixed .account-overview__cover,
  .account-overview.account-overview-fixed .account-overview__data {
    display: block;
    width: 100%;
  }

  .account-overview.account-overview-fixed .account-overview__data {
    text-align: left;
    padding: 0 16px 8px 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .account-overview.account-overview-fixed {
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
    max-width: 1180px;
    border-radius: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .account-overview.account-overview-fixed {
    width: 944px;
  }
}

.account-overview.account-overview-fixed .transfer-detail {
  display: none;
}

.account-overview.account-overview-fixed .nickname-inline {
  display: inline-block;
}

.account-overview.noMoreFields {
  padding: 8px 0;
}

@media only screen and (min-width: 768px) {
  .account-overview.noMoreFields {
    padding: 18px 0;
  }
}

.account-overview__cover {
  position: relative;
  z-index: 3;
  padding: 0 16px 0 26px;
}

@media only screen and (min-width: 768px) {
  .account-overview__cover {
    padding: 0 32px;
  }
}

.account-overview__icon {
  display: none;
  vertical-align: middle;
  margin-right: 24px;
  color: gray;
  font-size: 32px;
  font-size: 2.13333rem;
}

.account-overview__icon .icon-accounts {
  font-size: 28px;
  font-size: 1.86667rem;
}

@media only screen and (min-width: 768px) {
  .account-overview__icon {
    display: inline-block;
  }
}

.account-overview .total-availability {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.account-overview .total-availability--amount {
  font-size: 30px;
  font-size: 2rem;
}

@media only screen and (min-width: 768px) {
  .account-overview .total-availability--amount {
    font-size: 32px;
    font-size: 2.13333rem;
  }
}

.account-overview .total-availability .amount-text {
  color: #262626;
  font-size: 24px;
  font-size: 1.6rem;
}

@media only screen and (min-width: 768px) {
  .account-overview .total-availability .amount-text {
    font-size: 30px !important;
    font-size: 2rem !important;
    letter-spacing: 0.3px;
  }
}

.account-overview .total-availability .currency-label {
  font-weight: 300;
  color: #262626;
  font-size: 14px;
  font-size: .93333rem;
}

@media only screen and (min-width: 768px) {
  .account-overview .total-availability .currency-label {
    font-size: 24px;
    font-size: 1.6rem;
  }
}

.account-overview .total-availability .description {
  position: relative;
  top: -5px;
  color: #4d4d4d;
  font-size: 14px;
  font-size: .93333rem;
}

@media only screen and (min-width: 768px) {
  .account-overview .total-availability .description {
    font-weight: 300;
  }
}

.account-overview .expand-details {
  display: inline-block;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 700;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  .account-overview .expand-details {
    position: relative;
    top: -5px;
  }
}

.account-overview .expand-details .more {
  display: none;
}

.account-overview .expand-details .scss {
  display: inline;
}

.account-overview .expand-details.collapsed .more {
  display: inline;
}

.account-overview .expand-details.collapsed .scss {
  display: none;
}

.account-overview--details {
  padding: 15px 0 10px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .account-overview--details {
    margin: 0 -10px;
  }
}

@media only screen and (min-width: 768px) {
  .account-overview--details {
    padding: 20px 0;
  }
}

.account-overview--details .description {
  position: relative;
  top: -5px;
  font-size: 13px;
  font-size: .86667rem;
  color: #404040;
}

.account-overview--details .account-overview--detail {
  padding: 5px 0;
}

@media only screen and (min-width: 768px) {
  .account-overview--details .account-overview--detail {
    display: inline-block;
    width: 200px;
  }
}

.account-overview--details .account-overview--detail .amount-text {
  display: block;
}

.account-overview--details .disclaimer {
  font-size: 13px;
  font-size: .86667rem;
  text-align: center;
  font-weight: 300;
}

.account-information-tab-content {
  margin-top: 10px;
}

.account-details-notification {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  background-color: #f5f5f5;
  border-radius: 10px;
}

@media only screen and (min-width: 1024px) {
  .account-details-notification {
    margin-top: 30px;
    margin-bottom: 15px;
    padding-top: 15px;
  }
}

.innerBottomTabs .innerBottomTabs__box {
  border: solid 1px #e6e6e6;
  margin-top: 24px;
}

.innerBottomTabs .panel,
.innerBottomTabs .data-panel {
  border: 0px;
  padding-right: 8px;
  padding-left: 8px;
}

@media only screen and (min-width: 1024px) {
  .innerBottomTabs .panel,
  .innerBottomTabs .data-panel {
    padding: 24px;
  }
}

.innerBottomTabs .innerBottomTabs__title {
  padding: 16px 24px;
  margin-top: 0;
  border-bottom: 1px solid #e6e6e6;
}

@media only screen and (max-width: 767px) {
  .account-details__contextualMessageWrapper {
    margin-bottom: 15px;
  }
}

.overall-position {
  position: relative;
  padding-bottom: 20px;
  padding-top: 32px;
  min-height: 300px;
}

.overall-position .page-title.underline {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .overall-position .page-title.underline {
    margin-bottom: 24px;
  }
}

.overall-position .page-title.underline h2 {
  margin-top: 8px;
}

.overall-position .page-title.underline h2 .icon {
  padding-right: 24px;
}

.overall-position .carousel-control {
  font-size: 16px !important;
}

@media only screen and (min-width: 768px) {
  .overall-position .carousel-control.left {
    left: 0px;
  }
}

@media only screen and (min-width: 768px) {
  .overall-position .carousel-control.right {
    right: 0px;
  }
}

.overall-position .carousel .item.left .menu-holder,
.overall-position .carousel .item.right .menu-holder {
  display: none;
}

.overall-position .carousel .item .itemCont .panel {
  padding-left: 8px;
  padding-right: 8px;
}

@media only screen and (min-width: 768px) {
  .overall-position .carousel .item .itemCont .panel {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.overall-position .carousel .menu-holder {
  right: 0px;
  position: absolute;
  top: 16px;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .overall-position .carousel .menu-holder {
    right: 0;
  }
}

.overall-position .carousel .menu-holder .widget-menu .btn-icon-right {
  margin-top: -4px;
  padding-top: 0;
}

@media only screen and (min-width: 768px) {
  .overall-position--segment {
    margin: 0  50px 20px;
  }
}

.overall-position--segment .main-data {
  text-align: center;
  padding: 10px 0;
  color: #262626;
}

@media only screen and (min-width: 768px) {
  .overall-position--segment .main-data {
    text-align: left;
    padding: 0;
  }
}

.overall-position--segment .main-data .title {
  font-size: 12px;
  font-size: .8rem;
}

.overall-position--segment .main-data .description {
  position: relative;
  top: -5px;
}

.overall-position--segment .main-data .nickname {
  margin-bottom: 0;
}

.overall-position--segment .main-data .nickname .btn-pure {
  font-size: 14px;
  font-size: .93333rem;
  margin: 0;
}

.overall-position--segment .main-data .description {
  font-size: 12px;
  font-size: .8rem;
  font-weight: 500;
  margin-bottom: 20px;
}

.overall-position--segment .main-data .amount-text {
  font-size: 26px;
  font-size: 1.73333rem;
}

.overall-position--segment .main-data .currency-label {
  font-weight: 300;
  font-size: 22px;
  font-size: 1.46667rem;
}

.overall-position--segment .legend {
  padding: 10px 0 0;
  color: #262626;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .overall-position--segment .legend {
    padding: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .overall-position--segment .legend {
    display: inline-block;
    margin-left: 25px;
  }
}

.overall-position--segment .legend .data-label.islegend+.amount-text {
  margin-top: -4px;
}

.overall-position--segment .legend .amount-text {
  display: inline-block;
  text-align: right;
  font-size: 16px;
  font-size: 1.06667rem;
}

@media only screen and (min-width: 768px) {
  .overall-position--segment .legend .amount-text {
    display: block;
    text-align: left;
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.overall-position--segment .legend .data-numerical {
  font-size: 12px;
  font-size: .8rem;
  color: #404040;
}

.overall-position--segment .legend .data-numerical .label {
  color: inherit;
}

.overall-position--segment .legend .data-visual {
  position: relative;
  padding-bottom: 10px;
}

.overall-position--segment .legend .data-visual.seperated {
  padding-top: 8px;
}

.overall-position--segment .legend .data-visual.seperated:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
}

.overall-position--segment .legend .data-visual.seperated .amount-text {
  line-height: 1;
}

.overall-position--segment .legend .data-visual:last-child {
  border-bottom: none;
}

.overall-position--segment .legend .data-visual .data-label {
  float: left;
  padding: 6px 0;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 500;
}

.overall-position--segment .legend .data-visual .data-label .legend-dot {
  width: 12px;
  height: 12px;
  content: '';
  background-color: #4d4d4d;
  display: inline-block;
  border-radius: 6px;
  margin-right: 6px;
  position: relative;
  font-weight: 500;
  top: 1px;
}

@media only screen and (min-width: 768px) {
  .overall-position--segment .legend .data-visual .data-label {
    float: none;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
}

.overall-position--segment .legend .data-visual .data-label--basic {
  color: #4d4d4d;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 500;
  padding: 8px 0;
  margin: 0;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .overall-position--segment .legend .data-visual .data-label--basic {
    padding: 0;
  }
}

.overall-position--segment .legend .data-visual .data-label__disclaimer {
  font-size: 13px;
  font-size: .86667rem;
}

.overall-position--segment .legend .data-visual .amount-text {
  float: right;
}

@media only screen and (min-width: 768px) {
  .overall-position--segment .legend .data-visual .amount-text {
    float: none;
    display: block;
  }
}

.overall-position--segment.disabled .message-wrapper {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: fade(#f5f5f5, 90%);
}

.overall-position--segment.disabled .message-wrapper .message {
  display: block;
  max-width: 500px;
  margin: 10px auto;
  padding: 50px;
  text-align: center;
  background-color: #fff;
}

.overall-position--segment .piechart-holder {
  position: relative;
  display: table;
  width: 100%;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

.overall-position--segment .piechart-holder .pie-chart-canvas {
  position: absolute;
  width: 200px;
  height: 200px;
  left: 50%;
  margin-left: -100px;
}

.overall-position--segment .piechart-holder .currency-selector {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -10px;
  font-size: 14px;
  font-size: .93333rem;
}

@media only screen and (min-width: 1024px) {
  .overall-position--segment .piechart-holder .currency-selector {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.overall-position--segment .piechart-holder .currency-selector .dropdown .dropdown-toggle {
  position: relative;
  background-color: transparent;
  border: none;
  font-size: 20px;
  font-size: 1.33333rem;
}

.overall-position--segment .piechart-holder .currency-selector .dropdown .dropdown-toggle .custom-caret {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 45px;
  color: #000;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.overall-position--segment .piechart-holder .currency-selector .dropdown .dropdown-toggle .custom-caret:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  width: 100%;
  content: "\e61b";
  font-family: 'icomoon';
  font-size: 7px;
  font-size: .46667rem;
  text-align: center;
}

.overall-position--segment .piechart-holder .currency-selector .dropdown-menu {
  width: 70px;
  min-width: 70px;
  left: 50%;
  margin-top: 15px;
  margin-left: -35px;
  padding: 5px 0 0 0;
  border-radius: 0;
  border: none;
}

.overall-position--segment .piechart-holder .currency-selector .dropdown-menu li {
  text-align: center;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
}

.overall-position--segment .piechart-holder .currency-selector .dropdown-menu li a {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.overall-position--segment .piechart-holder .currency-selector .dropdown-menu li a:hover {
  border-bottom: 1px solid #F36F20;
}

@media only screen and (min-width: 1024px) {
  #overallPanel {
    margin-bottom: -45px;
  }
}

#overallPositionCarousel.carousel .carousel-control {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
  border: solid 1px #d9d9d9;
  border-radius: 50%;
  padding: 0;
  text-indent: 2px;
}

#overallPositionCarousel.carousel .carousel-control.left {
  left: 8px;
  text-indent: -2px;
}

@media only screen and (min-width: 768px) {
  #overallPositionCarousel.carousel .carousel-control.left {
    left: 24px;
  }
}

#overallPositionCarousel.carousel .carousel-control.right {
  right: 8px;
}

@media only screen and (min-width: 768px) {
  #overallPositionCarousel.carousel .carousel-control.right {
    right: 24px;
  }
}

.MyPortfolio__chart .highcharts-series path {
  stroke-width: 1px;
}

.MyPortfolio__chart .slider-bottom-arrow {
  margin-left: 40px;
}

.MyPortfolio__chart .highcharts-tooltip {
  fill: #fff;
  stroke-width: 0;
}

.accountsPieChart .highcharts-color-0,
#accountsPieChart_legend .highcharts-color-0 {
  fill: #F36F20;
  background-color: #F36F20;
  stroke: #F36F20;
}

.accountsPieChart .color-0,
#accountsPieChart_legend .color-0 {
  color: #F36F20;
}

.accountsPieChart .highcharts-color-0,
#accountsPieChart_legend .highcharts-color-0 {
  fill: #F36F20;
  background-color: #F36F20;
  stroke: #F36F20;
}

.accountsPieChart .color-0,
#accountsPieChart_legend .color-0 {
  color: #F36F20;
}

.accountsPieChart .highcharts-color-1,
#accountsPieChart_legend .highcharts-color-1 {
  fill: #f7b63b;
  background-color: #f7b63b;
  stroke: #f7b63b;
}

.accountsPieChart .color-1,
#accountsPieChart_legend .color-1 {
  color: #f7b63b;
}

.accountsPieChart.hasNegativeBalance .highcharts-color-0,
#accountsPieChart_legend.hasNegativeBalance .highcharts-color-0 {
  fill: #f7b63b;
  background-color: #f7b63b;
  stroke: #f7b63b;
}

.accountsPieChart.hasNegativeBalance .color-0,
#accountsPieChart_legend.hasNegativeBalance .color-0 {
  color: #f7b63b;
}

.accountsPieChart.hasNegativeBalance .highcharts-color-1,
#accountsPieChart_legend.hasNegativeBalance .highcharts-color-1 {
  fill: #DE5B3D;
  background-color: #DE5B3D;
  stroke: #DE5B3D;
}

.accountsPieChart.hasNegativeBalance .color-1,
#accountsPieChart_legend.hasNegativeBalance .color-1 {
  color: #DE5B3D;
}

.accountsPieChart.hasNeutralBalance .highcharts-color-0,
#accountsPieChart_legend.hasNeutralBalance .highcharts-color-0 {
  fill: #e6e6e6;
  background-color: #e6e6e6;
  stroke: #e6e6e6;
}

.accountsPieChart.hasNeutralBalance .color-0,
#accountsPieChart_legend.hasNeutralBalance .color-0 {
  color: #e6e6e6;
}

.accountsPieChart.hasNeutralBalance .highcharts-color-1,
#accountsPieChart_legend.hasNeutralBalance .highcharts-color-1 {
  fill: #e6e6e6;
  background-color: #e6e6e6;
  stroke: #e6e6e6;
}

.accountsPieChart.hasNeutralBalance .color-1,
#accountsPieChart_legend.hasNeutralBalance .color-1 {
  color: #e6e6e6;
}

#accountsPieChart_legend.hasNegativeBalance .highcharts-color-0 {
  fill: #DE5B3D;
  background-color: #DE5B3D;
  stroke: #DE5B3D;
}

#accountsPieChart_legend.hasNegativeBalance .color-0 {
  color: #DE5B3D;
}

#accountsPieChart_legend.hasNegativeBalance .highcharts-color-1 {
  fill: #f7b63b;
  background-color: #f7b63b;
  stroke: #f7b63b;
}

#accountsPieChart_legend.hasNegativeBalance .color-1 {
  color: #f7b63b;
}

.cardPieChart .highcharts-color-0,
#cardPieChart_legend .highcharts-color-0 {
  fill: #1D6296;
  background-color: #1D6296;
  stroke: #1D6296;
}

.cardPieChart .color-0,
#cardPieChart_legend .color-0 {
  color: #1D6296;
}

.cardPieChart .highcharts-color-0,
#cardPieChart_legend .highcharts-color-0 {
  fill: #1D6296;
  background-color: #1D6296;
  stroke: #1D6296;
}

.cardPieChart .color-0,
#cardPieChart_legend .color-0 {
  color: #1D6296;
}

.cardPieChart .highcharts-color-1,
#cardPieChart_legend .highcharts-color-1 {
  fill: #3E82B3;
  background-color: #3E82B3;
  stroke: #3E82B3;
}

.cardPieChart .color-1,
#cardPieChart_legend .color-1 {
  color: #3E82B3;
}

.cardPieChart.hasNegativeBalance .highcharts-color-0,
#cardPieChart_legend.hasNegativeBalance .highcharts-color-0 {
  fill: #3E82B3;
  background-color: #3E82B3;
  stroke: #3E82B3;
}

.cardPieChart.hasNegativeBalance .color-0,
#cardPieChart_legend.hasNegativeBalance .color-0 {
  color: #3E82B3;
}

.cardPieChart.hasNegativeBalance .highcharts-color-1,
#cardPieChart_legend.hasNegativeBalance .highcharts-color-1 {
  fill: #DE5B3D;
  background-color: #DE5B3D;
  stroke: #DE5B3D;
}

.cardPieChart.hasNegativeBalance .color-1,
#cardPieChart_legend.hasNegativeBalance .color-1 {
  color: #DE5B3D;
}

.cardPieChart.hasNeutralBalance .highcharts-color-0,
#cardPieChart_legend.hasNeutralBalance .highcharts-color-0 {
  fill: #e6e6e6;
  background-color: #e6e6e6;
  stroke: #e6e6e6;
}

.cardPieChart.hasNeutralBalance .color-0,
#cardPieChart_legend.hasNeutralBalance .color-0 {
  color: #e6e6e6;
}

.cardPieChart.hasNeutralBalance .highcharts-color-1,
#cardPieChart_legend.hasNeutralBalance .highcharts-color-1 {
  fill: #e6e6e6;
  background-color: #e6e6e6;
  stroke: #e6e6e6;
}

.cardPieChart.hasNeutralBalance .color-1,
#cardPieChart_legend.hasNeutralBalance .color-1 {
  color: #e6e6e6;
}

.savingPieChart .highcharts-color-0,
#savingPieChart_legend .highcharts-color-0 {
  fill: #2b8804;
  background-color: #2b8804;
  stroke: #2b8804;
}

.savingPieChart .color-0,
#savingPieChart_legend .color-0 {
  color: #2b8804;
}

.savingPieChart .highcharts-color-0,
#savingPieChart_legend .highcharts-color-0 {
  fill: #2b8804;
  background-color: #2b8804;
  stroke: #2b8804;
}

.savingPieChart .color-0,
#savingPieChart_legend .color-0 {
  color: #2b8804;
}

.savingPieChart .highcharts-color-1,
#savingPieChart_legend .highcharts-color-1 {
  fill: #3D8F62;
  background-color: #3D8F62;
  stroke: #3D8F62;
}

.savingPieChart .color-1,
#savingPieChart_legend .color-1 {
  color: #3D8F62;
}

.savingPieChart.hasNegativeBalance .highcharts-color-0,
#savingPieChart_legend.hasNegativeBalance .highcharts-color-0 {
  fill: #3D8F62;
  background-color: #3D8F62;
  stroke: #3D8F62;
}

.savingPieChart.hasNegativeBalance .color-0,
#savingPieChart_legend.hasNegativeBalance .color-0 {
  color: #3D8F62;
}

.savingPieChart.hasNegativeBalance .highcharts-color-1,
#savingPieChart_legend.hasNegativeBalance .highcharts-color-1 {
  fill: #DE5B3D;
  background-color: #DE5B3D;
  stroke: #DE5B3D;
}

.savingPieChart.hasNegativeBalance .color-1,
#savingPieChart_legend.hasNegativeBalance .color-1 {
  color: #DE5B3D;
}

.savingPieChart.hasNeutralBalance .highcharts-color-0,
#savingPieChart_legend.hasNeutralBalance .highcharts-color-0 {
  fill: #e6e6e6;
  background-color: #e6e6e6;
  stroke: #e6e6e6;
}

.savingPieChart.hasNeutralBalance .color-0,
#savingPieChart_legend.hasNeutralBalance .color-0 {
  color: #e6e6e6;
}

.savingPieChart.hasNeutralBalance .highcharts-color-1,
#savingPieChart_legend.hasNeutralBalance .highcharts-color-1 {
  fill: #e6e6e6;
  background-color: #e6e6e6;
  stroke: #e6e6e6;
}

.savingPieChart.hasNeutralBalance .color-1,
#savingPieChart_legend.hasNeutralBalance .color-1 {
  color: #e6e6e6;
}

.posLoanPieChart .highcharts-color-0,
#posLoanPieChart_legend .highcharts-color-0 {
  fill: #f39300;
  background-color: #f39300;
  stroke: #f39300;
}

.posLoanPieChart .color-0,
#posLoanPieChart_legend .color-0 {
  color: #f39300;
}

.posLoanPieChart .highcharts-color-0,
#posLoanPieChart_legend .highcharts-color-0 {
  fill: #f39300;
  background-color: #f39300;
  stroke: #f39300;
}

.posLoanPieChart .color-0,
#posLoanPieChart_legend .color-0 {
  color: #f39300;
}

.posLoanPieChart .highcharts-color-1,
#posLoanPieChart_legend .highcharts-color-1 {
  fill: #F7BA5C;
  background-color: #F7BA5C;
  stroke: #F7BA5C;
}

.posLoanPieChart .color-1,
#posLoanPieChart_legend .color-1 {
  color: #F7BA5C;
}

.posLoanPieChart.hasNegativeBalance .highcharts-color-0,
#posLoanPieChart_legend.hasNegativeBalance .highcharts-color-0 {
  fill: #F7BA5C;
  background-color: #F7BA5C;
  stroke: #F7BA5C;
}

.posLoanPieChart.hasNegativeBalance .color-0,
#posLoanPieChart_legend.hasNegativeBalance .color-0 {
  color: #F7BA5C;
}

.posLoanPieChart.hasNegativeBalance .highcharts-color-1,
#posLoanPieChart_legend.hasNegativeBalance .highcharts-color-1 {
  fill: #DE5B3D;
  background-color: #DE5B3D;
  stroke: #DE5B3D;
}

.posLoanPieChart.hasNegativeBalance .color-1,
#posLoanPieChart_legend.hasNegativeBalance .color-1 {
  color: #DE5B3D;
}

.posLoanPieChart.hasNeutralBalance .highcharts-color-0,
#posLoanPieChart_legend.hasNeutralBalance .highcharts-color-0 {
  fill: #e6e6e6;
  background-color: #e6e6e6;
  stroke: #e6e6e6;
}

.posLoanPieChart.hasNeutralBalance .color-0,
#posLoanPieChart_legend.hasNeutralBalance .color-0 {
  color: #e6e6e6;
}

.posLoanPieChart.hasNeutralBalance .highcharts-color-1,
#posLoanPieChart_legend.hasNeutralBalance .highcharts-color-1 {
  fill: #e6e6e6;
  background-color: #e6e6e6;
  stroke: #e6e6e6;
}

.posLoanPieChart.hasNeutralBalance .color-1,
#posLoanPieChart_legend.hasNeutralBalance .color-1 {
  color: #e6e6e6;
}

.accountsPieChart .highcharts-halo,
.cardPieChart .highcharts-halo,
.savingPieChart .highcharts-halo,
.posLoanPieChart .highcharts-halo {
  fill-opacity: .2;
  stroke-width: 0 !important;
}

.accountsPieChart .highcharts-tooltip,
.cardPieChart .highcharts-tooltip,
.savingPieChart .highcharts-tooltip,
.posLoanPieChart .highcharts-tooltip {
  fill: #fff;
  stroke-width: 0;
}

.chartPercentage {
  width: 128px;
  height: 128px;
  background-color: #118d8a;
  border-radius: 100px;
  display: table;
  margin: 0 auto;
  margin-bottom: 24px;
}

.chartPercentage--data {
  text-align: center;
  color: #fff;
  display: table-cell;
}

.chartPercentage--val {
  font-size: 26px;
  font-size: 1.73333rem;
  margin: 0;
}

.chartPercentage+.chartValue .chartValue--val,
.chartPercentage+.chartValue .amount-in-chart,
.chartPercentage+.chartValue .label-in-chart,
.chartPercentage+.chartValue+.chartValue .chartValue--val,
.chartPercentage+.chartValue+.chartValue .amount-in-chart,
.chartPercentage+.chartValue+.chartValue .label-in-chart {
  font-size: 20px;
  font-size: 1.33333rem;
}

.btn {
  border-radius: 1px;
}

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

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

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

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

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

.btn {
  font-weight: 500;
  letter-spacing: 0.3px;
  font-size: 14px;
  line-height: 14px;
  padding: 12px 16px;
}

.btn span {
  margin-top: -2px;
}

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

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

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

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

.btn-primary {
  background-color: #F36F20;
  border: 1px solid #e76011;
  color: #fff;
  min-width: 100px;
  padding: 12px 16px;
  border-radius: 20px;
  height: 40px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-option {
  min-width: 45px;
  border-radius: 25px;
  background-color: #fff;
  border: solid 1px #e6e6e6;
  padding: 4px 10px;
  display: inline-block;
  text-align: center;
  color: #262626;
  line-height: 1.3;
  font-size: 12px;
  font-size: .8rem;
}

.btn-option-fill {
  background-color: #e6e6e6;
}

.btn-option span {
  font-size: 12px;
  font-size: .8rem;
  text-align: center;
  color: #262626;
  line-height: 1.2;
}

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

@media only screen and (max-width: 767px) {
  .btn-option {
    min-width: 0;
  }
}

.btn-rounded {
  border-radius: 20px;
  font-size: 14px;
  font-size: .93333rem;
  min-width: 50px;
  font-weight: 400;
  height: 40px;
  line-height: 24px;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-transition: "background-color" .3s ease 0s;
  transition: "background-color" .3s ease 0s;
}

@media only screen and (min-width: 768px) {
  .btn-rounded {
    min-width: 100px;
  }
}

.btn-smaller {
  padding: 5px 12px;
}

.btn-full-width {
  width: 100%;
}

.btn-bordered {
  text-transform: uppercase;
  padding: 10px 30px;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 700;
  border: 1px solid #CCC;
  color: #404040 !important;
  background-color: transparent;
}

.btn-link {
  color: #F36F20;
  background-color: transparent;
  font-family: "HelveticaNeueW02", Helvetica, Arial;
  font-weight: 500;
}

.btn-link--inCollapse {
  padding: 0;
  font-size: 12px;
  font-size: .8rem;
  text-transform: uppercase;
  color: #4d4d4d;
}

.btn-link--inCollapse:hover {
  text-decoration: none;
  color: #4d4d4d;
}

.btn-link-white {
  color: #fff;
  background-color: transparent;
  font-family: "HelveticaNeueW02", Helvetica, Arial;
  font-weight: 500;
}

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

.btn-default.inverted {
  color: gray;
}

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

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

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

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

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

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

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

.full-of-right {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.full-of-right.pull-left {
  margin-bottom: 0;
}

.full-of-right.clear-margin-bottom {
  margin-bottom: 0;
}

.add-margin {
  margin-bottom: 10px !important;
}

@media only screen and (min-width: 768px) {
  .add-margin {
    margin-bottom: 0 !important;
  }
}

.btn-new-payment {
  display: inline-block;
  width: 53px;
  height: 51px;
  padding: 8px 0 0;
  color: #FFF !important;
  border: none;
  background-color: #4d4d4d;
  text-align: center;
}

.btn-new-payment span[class^="icon"] {
  position: relative;
  top: 0;
  margin-right: 0;
}

.btn-new-payment span {
  display: block;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
}

.btn-new-payment span.button-label {
  display: none;
}

.btn-new-payment span.button-label-mobile {
  text-transform: uppercase;
  font-size: 12px;
  font-size: .8rem;
}

.btn-custom {
  color: #fff;
  background-color: rgba(113,115,116,0.5);
  border-radius: 0px;
}

.btn-custom:hover {
  color: #fff;
  background-color: rgba(113,115,116,0.9);
}

.btn-xl {
  padding: 10px 60px;
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.3333333;
}

.btn-overall-nav-top,
.btn-overall-nav-bottom {
  background-color: rgba(132,132,132,0.5);
  font-size: 10px;
  font-size: .66667rem;
  color: #fff;
}

.btn-overall-nav-bottom {
  margin-top: 30px;
}

.btn-edit-payment {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 15px;
}

.btn-add-group {
  padding-left: 30px;
  padding-right: 30px;
  margin: 15px 0;
  background: #f5f5f5;
}

.btn-action {
  min-width: 135px;
  padding: 10px 20px;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: center;
  color: #000 !important;
  background-color: #e6e6e6;
  -webkit-box-shadow: 1px 1px #CCC;
  box-shadow: 1px 1px #CCC;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.btn-action.look-it-up {
  margin-top: 10px;
  padding: 8.5px 0;
}

.btn-action:hover {
  background: #BBBBBB;
  text-decoration: none;
}

.btn-action.btn-width-195 {
  width: 195px;
  text-align: center;
}

.btn-action-back {
  background-color: #333;
  color: #fff !important;
}

.btn-action-back:hover {
  background-color: #000;
}

.close-btn-small {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  color: #000;
}

.close-btn-small:hover {
  color: #e85824;
}

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

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

.close:hover {
  color: #F36F20;
}

.btn-close {
  position: relative;
  display: block;
  width: 40px;
  line-height: 40px;
  background: #fff;
  color: #000 !important;
  font-size: 12px;
  font-size: .8rem;
  text-align: center;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.btn-close:hover {
  background-color: #e6e6e6;
}

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

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

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

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

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

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

.btn-back {
  position: relative;
  padding-left: 30px;
  text-transform: uppercase;
  font-size: 12px;
  font-size: .8rem;
  color: #4d4d4d;
}

.btn-back:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  margin-right: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border-radius: 12px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.btn-back:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 12px;
  margin-left: -2px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border: 1px solid gray;
  border-width: 0 0 1.5px 1.5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-with-icon-thin {
  padding: 5px 15px 5px 10px;
  color: #000 !important;
  background-color: #f5f5f5;
  -webkit-box-shadow: 1px 1px #CCC;
  box-shadow: 1px 1px #CCC;
}

.btn-with-icon-thin:hover {
  background-color: #e6e6e6;
}

.btn-with-icon-thin span.icon {
  position: relative;
  top: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-pure-small {
  font-size: 10px;
  font-size: .66667rem;
}

.btn-pure-medium {
  margin: 0;
  font-size: 14px;
  font-size: .93333rem;
}

.btn-orange {
  color: #FFF !important;
  background-color: #F36F20;
}

.btn-orange:hover {
  color: #fff;
  background-color: #D65A10;
}

.btn-orange:disabled {
  color: #b2b2b2 !important;
  background-color: #e6e6e6;
  -webkit-box-shadow: 1px 1px 0 #ccc;
  box-shadow: 1px 1px 0 #ccc;
}

.btn-gray {
  color: #262626 !important;
  background-color: #f5f5f5;
}

.btn-gray:hover,
.btn-gray:focus {
  background-color: #e6e6e6;
}

.btn-white {
  color: #262626;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.btn-white:hover,
.btn-white:focus {
  background-color: #e6e6e6;
}

.btn-gray90 {
  color: #262626 !important;
  background-color: #e6e6e6;
}

.btn-gray90:hover,
.btn-gray90:focus {
  background-color: #d9d9d9;
}

.btn-dark {
  color: #fff !important;
  background-color: #4d4d4d;
}

.btn-dark span[class^="icon"] {
  font-size: 16px;
  font-size: 1.06667rem;
}

.btn-dark:hover,
.btn-dark:focus {
  background-color: #262626;
}

.btn-white {
  color: #000 !important;
  background-color: #fff;
}

.btn-white-with-border {
  display: block;
  color: #262626 !important;
  border: 1px solid gray;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 8px 0 0;
}

@media only screen and (min-width: 768px) {
  .btn-white-with-border {
    margin: 0 0 0 16px;
  }
}

.btn-white-with-border span[class^="icon"] {
  font-size: 16px;
  font-size: 1.06667rem;
  position: relative;
  margin-left: 8px;
  color: gray;
}

.btn-white-with-border:hover {
  background-color: #eee;
}

.btn-green {
  color: #FFF !important;
  background-color: #2b8804;
  border-radius: 20px;
}

.btn-green:hover {
  background-color: #236f03;
}

.btn-green:hover span {
  text-decoration: underline;
}

.btn-go {
  float: right;
  width: 40px;
  color: #FFF !important;
  text-align: center;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  border-radius: 0;
  background-color: #F36F20;
  -webkit-transition: background-color .3s ease 0s;
  transition: background-color .3s ease 0s;
}

.btn-go span[class^="icon-"] {
  line-height: 40px;
}

.btn-go:hover {
  background-color: #D65A10;
  text-decoration: none;
  color: #fff;
}

.btn-go.dark {
  background-color: #4d4d4d;
}

.btn-go.dark:hover {
  background-color: #343434;
}

.btn-go.wide {
  width: auto;
  padding-left: 20px;
  padding-right: 10px;
}

.btn-go.wide .button-label {
  position: relative;
  top: -3px;
  margin-right: 5px;
  font-size: 20px;
  font-size: 1.33333rem;
}

.btn-go.in-widget {
  display: block;
  width: 100%;
  padding: 0;
  margin-top: 20px;
}

.btn-go.in-widget .button-label {
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 50px;
}

.btn-go.in-widget span[class^="icon-"] {
  display: none;
}

.btn-go.absoluted {
  position: absolute;
  bottom: 0;
  right: 0;
}

button.btn-go {
  padding-top: 4px;
}

.btn-action-rect {
  display: inline-block;
  padding: 7px 16px;
  background: #F36F20;
  color: #FFF !important;
  font-size: 19px;
  font-size: 1.26667rem;
  font-weight: 300;
  border-radius: 0;
}

.btn-action-rect:hover {
  color: #FFF !important;
  background: #D65A10;
  text-decoration: none;
}

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

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

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

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

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

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

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

.btn-fixed-width {
  width: 135px;
  padding: 5px;
  text-align: center;
  color: #000 !important;
  background-color: #e6e6e6;
  -webkit-box-shadow: 1px 1px rgba(75,75,75,0.8);
  box-shadow: 1px 1px rgba(75,75,75,0.8);
}

.btn-fixed-width:hover {
  background-color: #cdcbcb;
}

.btn-carousel {
  display: inline-block;
  padding: 7px 30px;
  background-color: #606060;
  color: #FFF !important;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  border-radius: 0;
}

.btn-carousel:hover {
  background-color: #F36F20;
}

.btn-add {
  line-height: 20px;
  font-size: 12px;
  font-size: .8rem;
  color: #F36F20;
  cursor: pointer;
}

.btn-add:hover,
.btn-add:focus {
  color: #D65A10;
}

.btn-little {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.2;
  letter-spacing: 0.3px;
  padding: 7px 12px;
  min-width: 0;
  font-weight: normal;
  height: auto;
}

.btn-little--white-bordered {
  border: 1px solid #CCC;
  color: #404040 !important;
  background-color: transparent;
}

.btn-little--white-bordered:hover span {
  color: #F36F20;
}

.btn-intesa {
  color: #fff;
  background-color: #F36F20;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.btn-intesa:hover {
  color: #fff;
  background-color: #D65A10;
}

.document-download-link {
  position: relative;
  padding-left: 30px;
  color: #404040 !important;
}

.document-download-link span[class^="icon"] {
  position: absolute;
  font-size: 20px;
  font-size: 1.33333rem;
  top: -5px;
  left: 0;
  color: #000;
}

.document-download-link .icon-document {
  line-height: inherit;
}

.switcher-menu {
  display: inline-block;
  margin: 0;
  padding: 0;
  border-radius: 15px;
  background-color: transparent;
  color: #262626;
  overflow-x: scroll;
  white-space: nowrap;
}

.switcher-menu.centered {
  margin: 0 auto;
  font-size: 0px;
}

.switcher-menu.small .btn {
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-size: .8rem;
}

.switcher-menu li,
.switcher-menu>.btn {
  display: inline-block;
  margin-right: 8px;
}

@media only screen and (min-width: 768px) {
  .switcher-menu li,
  .switcher-menu>.btn {
    float: left;
  }
}

.switcher-menu li.active>.btn,
.switcher-menu>.btn.active>.btn {
  font-weight: 700;
  color: #262626;
  background-color: #fff;
}

.switcher-menu li.active>.btn:hover,
.switcher-menu li.active>.btn:focus,
.switcher-menu>.btn.active>.btn:hover,
.switcher-menu>.btn.active>.btn:focus {
  background-color: #e6e6e6;
}

.switcher-menu .btn {
  height: auto;
  padding: 7px 24px;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 400;
  color: gray;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 16px;
  border: solid 2px #e6e6e6;
  background-color: #f5f5f5;
}

.switcher-menu .btn:hover,
.switcher-menu .btn:focus {
  background-color: #e6e6e6;
  text-decoration: underline;
}

#calendar .nav-tabs>li>a {
  font-size: 26px;
  font-size: 1.73333rem;
  color: #fff;
}

#calendar .nav-tabs>li.active>a {
  color: #000;
}

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

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

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

.nav-tabs-holder .rail.inner-shadow:after {
  position: absolute;
  content: "";
  right: -10px;
  width: 20px;
  height: 16%;
  bottom: 0;
  z-index: 1;
  background-color: rgba(255,255,255,0);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(#fff));
  background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff);
  background-image: linear-gradient(left, rgba(255,255,255,0), #fff);
}

@media only screen and (max-width: 767px) {
  .nav-tabs-holder .rail.inner-shadow:after {
    display: none;
  }
}

.nav-tabs-holder .rail .rail-controls {
  display: none;
  position: absolute;
  font-size: 12px;
  font-size: .8rem;
  top: 50%;
  margin-top: -6px;
  color: #000;
}

.nav-tabs-holder .rail .rail-controls.active {
  display: block;
}

.nav-tabs-holder .rail .rail-controls.left {
  left: 5px;
}

.nav-tabs-holder .rail .rail-controls.right {
  right: 5px;
}

.large-nav-tabs {
  display: table;
  width: 100%;
  padding-top: 0;
  white-space: nowrap;
  background: none;
}

.large-nav-tabs>li.active>a,
.large-nav-tabs>li.active>a:hover,
.large-nav-tabs>li.active>a:focus {
  background: none;
}

.large-nav-tabs.add-border-top {
  border-top: 1px solid #dfdfdf;
}

.large-nav-tabs.add-padding-top {
  padding-top: 25px;
}

.large-nav-tabs li {
  display: inline-block;
  vertical-align: top;
  float: none;
}

.large-nav-tabs li+li {
  margin-left: 24px;
}

.large-nav-tabs li a {
  border: none;
  padding: 16px 8px;
  font-size: 14px;
  font-size: .93333rem;
}

.large-nav-tabs li a:hover {
  background-color: transparent;
  color: #F36F20;
}

.large-nav-tabs li a .tab-title {
  display: inline-block;
  vertical-align: middle;
  color: gray;
}

.large-nav-tabs li a .tab-title h1,
.large-nav-tabs li a .tab-title h2,
.large-nav-tabs li a .tab-title h3,
.large-nav-tabs li a .tab-title h4,
.large-nav-tabs li a .tab-title h5 {
  font-size: inherit;
  margin-top: inherit;
  margin-bottom: inherit;
}

.large-nav-tabs li a .circleNumber {
  display: inline-block;
  vertical-align: middle;
  min-width: 22px;
  height: 20px;
  padding: 0 5px;
  background-color: #4d4d4d;
  font-size: 10px;
  font-size: .66667rem;
  line-height: 1.9;
  text-align: center;
  color: #fff;
  border-radius: 12px;
  margin: -3px 0 -2px;
}

.large-nav-tabs li a .circleNumber:empty {
  display: none;
}

.large-nav-tabs li.active a,
.large-nav-tabs li.active a:hover,
.large-nav-tabs li.active a:focus {
  border: none;
}

.large-nav-tabs li.active a .tab-title,
.large-nav-tabs li.active a:hover .tab-title,
.large-nav-tabs li.active a:focus .tab-title {
  color: #F36F20;
}

.large-nav-tabs li.active a .tab-title h1,
.large-nav-tabs li.active a .tab-title h2,
.large-nav-tabs li.active a .tab-title h3,
.large-nav-tabs li.active a .tab-title h4,
.large-nav-tabs li.active a .tab-title h5,
.large-nav-tabs li.active a:hover .tab-title h1,
.large-nav-tabs li.active a:hover .tab-title h2,
.large-nav-tabs li.active a:hover .tab-title h3,
.large-nav-tabs li.active a:hover .tab-title h4,
.large-nav-tabs li.active a:hover .tab-title h5,
.large-nav-tabs li.active a:focus .tab-title h1,
.large-nav-tabs li.active a:focus .tab-title h2,
.large-nav-tabs li.active a:focus .tab-title h3,
.large-nav-tabs li.active a:focus .tab-title h4,
.large-nav-tabs li.active a:focus .tab-title h5 {
  font-weight: 700;
  color: #F36F20;
}

.large-nav-tabs li.active a .circleNumber,
.large-nav-tabs li.active a:hover .circleNumber,
.large-nav-tabs li.active a:focus .circleNumber {
  background-color: #F36F20;
}

.btn-file-upload {
  padding: 9px 20px;
}

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

.btn-full-width-cards {
  width: 100%;
  margin: 10px 0;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 700;
  text-transform: uppercase;
}

.btn-full-width-cards span[class^="icon"] {
  color: #4d4d4d;
  font-size: 18px;
  font-size: 1.2rem;
}

.btn-half-width {
  float: left;
  width: 48%;
  min-width: 0;
}

.btn-half-width span[class^="icon"] {
  font-size: 18px;
  font-size: 1.2rem;
  position: relative;
  top: 2px;
  margin: 0 10px;
}

.btn-half-width:first-child {
  margin-right: 2%;
}

.btn-half-width:last-child {
  margin-left: 2%;
}

.btn-white-half-width {
  float: left;
  width: 48%;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #404040 !important;
  border: 1px solid #cccccc;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 40px;
  padding: 0;
}

.btn-white-half-width span[class^="icon"] {
  font-size: 18px;
  font-size: 1.2rem;
  position: relative;
  top: 2px;
  margin: 0 10px;
}

.btn-white-half-width:first-child {
  margin-right: 2%;
}

.btn-white-half-width:last-child {
  margin-left: 2%;
}

.btn-white-half-width:hover {
  background-color: #eee;
}

.button-group .btn+.btn {
  margin-left: 16px;
}

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

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

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

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

.button-group-to-left {
  float: none;
  margin-bottom: 0;
  text-align: center;
}

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

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

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

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

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

.btn-login-form-small {
  font-size: 12px;
  font-size: .8rem;
  font-weight: 500;
  color: #262626;
}

.btn-login-form-small:focus {
  text-decoration: underline;
}

.btn-new {
  position: relative;
  padding: 7px 10px 6px 35px;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 700;
  color: #4d4d4d;
  background-color: transparent;
}

.btn-new:before {
  position: absolute;
  content: "+";
  top: 50%;
  left: 5px;
  width: 20px;
  margin-top: -10px;
  height: 20px;
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 16px;
  text-align: center;
  font-weight: 100;
  color: #fff;
  background-color: #2b8804;
  border-radius: 50%;
}

.btn-photo-control span[class^="icon"] {
  display: block;
  margin: 0 auto 10px;
  font-size: 26px;
  font-size: 1.73333rem;
}

.btn-text {
  background-color: transparent;
  padding: 0;
  font-size: inherit;
}

.btn-later {
  height: 40px;
  margin-top: 10px !important;
}

.btn-back {
  color: #4d4d4d;
}

.btn-back span[class^="icon"] {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 16px;
  font-size: 1.06667rem;
}

.btn-trusted-wrapper {
  padding-left: 14px;
}

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

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

.btn-trusted.trusted {
  background-color: #3D8F62;
  border: none;
}

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

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

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

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

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

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

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

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

.btn-info-icon {
  font-size: 16px;
  font-size: 1.06667rem;
  vertical-align: middle;
  padding: 0 10px;
}

.btn-filter:hover,
.btn-filter:active,
.btn-filter.active,
.btn-filter.highlighted {
  color: #F36F20;
}

.btn-dark__outlined {
  background-color: #4c4c4c;
  border: solid 1px #333333;
}

.btn-dark__outlined:disabled,
.btn-dark__outlined.disabled {
  color: #b3b3b3 !important;
  background-color: #f5f5f5;
  border: solid 1px #e6e6e6;
  opacity: 1;
}

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

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

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

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

.btn-circle {
  width: 40px;
  height: 40px;
  min-width: auto;
  line-height: 40px;
  border-radius: 100px;
  border: solid 1px #d9d9d9;
  background-color: #fff;
  display: inline-block;
  text-align: center;
  padding: 0;
}

.btn-circle:first-child {
  margin-left: 0;
}

.btn-circle+.btn-circle {
  margin-left: 8px;
}

.btn-circle span {
  font-size: 16px;
  font-size: 1.06667rem;
  color: gray;
}

.btn-circle.middle {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.btn-circle.middle span {
  font-size: 12px;
  font-size: .8rem;
}

.btn-circle.small {
  width: 20px;
  height: 20px;
  line-height: 1;
}

.btn-circle.small span {
  font-size: 10px;
  font-size: .66667rem;
}

.btn-circle.btn-secondary {
  background-color: #4d4d4d;
  border: 1px solid #333333;
}

.btn-circle.btn-secondary span {
  color: #fff;
}

.btn-circle:active,
.btn-circle:hover {
  outline: none;
}

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

.btn-more-fields.collapsed:after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  top: 0;
}

.btn-more-fields:after {
  position: absolute;
  content: "\e61b";
  top: -1px;
  right: 10px;
  font-family: 'icomoon';
  font-size: 12px;
  font-size: .8rem;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  text-align: center;
  height: 24px;
  line-height: 24px;
  color: gray;
}

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

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

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

.j-toggleOverallPosition {
  font-size: 14px;
  font-size: .93333rem;
}

.btn-arrow {
  position: relative;
  padding-left: 30px;
  text-transform: uppercase;
  font-size: 12px;
  color: #4d4d4d;
}

.btn-arrow.down:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

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

.btn-arrow:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 12px;
  margin-right: -2px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border: 1px solid #808080;
  border-width: 0 0 1.5px 1.5px;
  -webkit-transform: rotate(-140deg);
  -ms-transform: rotate(-140deg);
  transform: rotate(-140deg);
}

.btn-transparent {
  border-radius: 100px;
  border: 2px solid #fff;
  height: 30px;
  padding: 6px 16px;
  color: #fff;
  display: inline-block;
  margin-top: 8px;
}

.btn-transparent+.btn-transparent {
  margin-left: 22px;
}

.btn-transparent.btn {
  color: #fff;
}

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

  .switcher-menuResponsive .switcher-menu--tab-holder {
    white-space: nowrap;
  }

  .switcher-menuResponsive .switcher-menu li {
    float: none;
  }
}

.clearSearchBtn {
  position: absolute;
  right: 10px;
  top: 50%;
  padding: 0;
  line-height: 18px;
  font-size: 18px;
  color: #262626;
  background-color: transparent;
  border: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nav-tabs {
  background: #fff;
  border-bottom: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-tabs__fakeRadio {
  margin-bottom: 30px;
}

.nav-tabs__fakeRadio li a {
  padding: 10px 40px 10px 30px;
  color: #4d4d4d;
  border-radius: 4px;
  font-weight: 400;
  border: 0;
}

.nav-tabs__fakeRadio li a:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1.5px solid #b3b3b3;
  border-radius: 50%;
  background-color: #fff;
}

.nav-tabs__fakeRadio li a:hover,
.nav-tabs__fakeRadio li a:focus {
  border: 0;
  background-color: transparent;
}

.nav-tabs__fakeRadio li.active a {
  font-weight: 400;
  color: #4d4d4d;
  border: 0;
}

.nav-tabs__fakeRadio li.active a:before {
  border-color: #3D8F62;
}

.nav-tabs__fakeRadio li.active a:after {
  position: absolute;
  content: "";
  top: 14px;
  left: 4px;
  text-align: center;
  color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #3D8F62;
}

.nav-tabs__fakeRadio li.active a:hover,
.nav-tabs__fakeRadio li.active a:focus {
  border: 0;
  font-weight: 400;
  color: #4d4d4d;
}

.nav-tabs__fakeRadio--loginForm>li {
  text-align: left;
  float: none;
  display: inline-block;
  width: 45%;
  margin-bottom: 10px;
}

.nav-tabs__fakeRadio--loginForm>li>a {
  padding: 0 0 0 28px;
  font-size: 12px;
  font-size: .8rem;
  line-height: 20px;
}

.nav-tabs__fakeRadio--loginForm>li>a:before {
  top: 0;
  left: 0;
}

.nav-tabs__fakeRadio--loginForm>li.active a {
  border: none !important;
}

.nav-tabs__fakeRadio--loginForm>li.active a:after {
  top: 4px;
  left: 4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-tabs .tab-label {
  display: inline-block;
  vertical-align: middle;
}

.chat-holder {
  position: relative;
  height: 42px;
}

.chat {
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%;
}

.chat-header {
  padding: 10px;
  font-size: 16px;
  font-size: 1.06667rem;
  cursor: pointer;
}

.chat-header .icon-chat {
  float: right;
  font-size: 24px;
  font-size: 1.6rem;
}

.chat-body {
  display: none;
  background-color: #333;
}

.chat-body .avatar-img-holder {
  margin-left: 30px;
}

.chat-agent-info {
  padding: 20px 0;
}

.chat-agent-info span[class^="icon"] {
  font-size: 16px;
  font-size: 1.06667rem;
  position: relative;
  top: 3px;
}

.chat-agent-info .agent-name {
  font-size: 24px;
  font-size: 1.6rem;
}

.chat-msg-pannel {
  position: relative;
  background-color: #e6e6e6;
  min-height: 200px;
  padding: 30px 15px 15px;
}

.chat-msg-pannel textarea {
  color: #000;
  width: 100%;
  font-size: 14px;
  font-size: .93333rem;
  min-height: 155px;
  border: none;
  background: none;
  outline: none;
  font-family: 'kite_oneregular', sans-serif;
}

.agent-contact {
  direction: ltr;
}

.close-chat {
  font-size: 16px;
  font-size: 1.06667rem;
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
  color: #3b3b3b;
}

.chat-footer {
  padding: 10px 5px;
}

.chat-footer button {
  padding: 5px 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.chat-footer button:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blink {
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
  animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.chatWrapper.modal {
  width: 310px;
  height: 420px;
  margin: 10px auto;
  overflow: hidden;
  position: static;
  background: none !important;
  display: block;
}

.chatWrapper.modal .modal-dialog {
  margin-top: 0;
  width: auto;
}

.chatWrapper.modal .modal-dialog .modal-coverPopup {
  position: relative;
}

.chatWrapper.modal .modal-dialog .modal-coverPopup .modal-header .close {
  position: absolute;
  margin-right: 10px;
  right: 0;
}

.chatWrapper.modal .modal-dialog .modal-coverPopup .modal-body {
  min-height: 420px;
}

.chatWrapper.modal .modal-dialog .modal-coverPopup .modal-body .wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 0 !important;
  overflow-x: hidden;
  overflow: visible !important;
}

.chatWrapper.modal .mainContainer {
  text-align: center;
  max-width: 100%;
  height: 100%;
  border: 1px solid #f0f;
}

.chatWrapper.modal .mainContainer .wrapper_interfaces {
  border: 1px solid #ff0;
  position: absolute;
  top: 0;
  bottom: 30px;
  left: 0;
  right: 0;
}

.chatWrapper.modal .mainContainer>.span12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chatWrapper.modal .mainContainer [class*="span"] [class*="row"] {
  height: auto;
}

#sessionform {
  text-align: left;
  margin-left: 0;
  overflow-y: auto;
  padding-top: 0;
  visibility: 1;
  -webkit-transition: height 300ms ease-in-out, opacity 300ms ease-in-out;
  transition: height 300ms ease-in-out, opacity 300ms ease-in-out;
  position: absolute;
  top: 70px;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 8px;
}

#sessionform.hidden {
  opacity: 0;
}

#sessionform h3 {
  margin: 0;
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
}

#sessionform input {
  height: auto;
  width: 278px;
  height: 50px;
}

#sessionform .control-group {
  margin-bottom: 10px;
}

#sessionform .alert.alert-error {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

#chatcontainer {
  margin: 0;
  opacity: 1;
  position: relative;
  -webkit-transition: height 300ms ease-in-out, opacity 300ms ease-in-out;
  transition: height 300ms ease-in-out, opacity 300ms ease-in-out;
  position: absolute;
  top: 45px;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: -5px;
}

#chatcontainer.hidden {
  opacity: 0;
}

#chatcontainer .iscomposing {
  width: 20px;
  height: 24px;
  background-image: url(../img/composing.gif);
  background-color: transparent;
  background-repeat: no-repeat;
  bottom: 7px;
  left: 5px;
  z-index: 150;
  position: absolute;
  bottom: 6px;
  left: 4px;
  z-index: 300;
}

#loading {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-transition: padding-top 300ms, width 300ms ease-in-out, height 300ms ease-in-out;
  transition: padding-top 300ms, width 300ms ease-in-out, height 300ms ease-in-out;
}

#loading .well {
  padding: 5px;
  max-width: 600px;
  margin: 0 auto;
}

#logo {
  height: 45px;
  position: relative;
}

#logo #backhistory {
  position: absolute;
  top: 0;
  color: gray;
  font-size: 20px;
  border: none;
  background: transparent;
  line-height: 30px;
  left: 0;
}

#logo #closeSession {
  position: absolute;
  top: 0;
  color: gray;
  font-size: 20px;
  border: none;
  background: transparent;
  line-height: 30px;
  right: 0;
}

#logo #backhistory[disabled] {
  color: #d9d9d9;
}

#logo #backhistory[disabled]:focus {
  outline: none;
}

#logo #closeSession[disabled] {
  color: #d9d9d9;
}

#logo #closeSession[disabled]:focus {
  outline: none;
}

#logo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}

#logobox {
  margin-top: 0;
  -webkit-transition: margin-top 300ms;
  transition: margin-top 300ms;
}

#logobox.top {
  margin-top: 0;
}

#logopush {
  height: 92px;
  background-color: transparent;
}

#formnext {
  background-color: transparent;
  border: 0;
  padding-top: 5px;
  right: 10px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 40%;
  font-size: 40px;
  opacity: 0.3;
  cursor: pointer;
  -webkit-transition: font-size 300ms ease-in-out, opacity 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out;
  transition: font-size 300ms ease-in-out, opacity 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out;
}

#formnext:hover {
  font-size: 70px;
  width: 45px;
  height: 50px;
  opacity: 0.7;
}

#media {
  position: relative;
  background: #000;
  height: 160px;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out 1s;
  transition: opacity 300ms ease-in-out 1s;
}

#media.closed {
  opacity: 0;
}

.messagebox {
  min-height: 40px;
  font-size: 0.8em;
  text-align: left;
  margin: 0px 10px 16px 10px;
  width: 80%;
}

.messagebox .messagetxt {
  width: 78.87%;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  padding: 8px;
  margin: -1px 0 0;
  display: table-cell;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  word-wrap: break-word;
  min-height: 36px;
}

.messagebox .messagesender {
  height: 32px;
  width: 33px;
  background-color: #fff;
  border-radius: 50px;
  border: 1px solid #ccc;
  margin: -1px 0 0;
  line-height: 17px;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  padding-top: 5px;
}

.messagebox .systemmessage {
  font-family: courier new;
  margin: 0;
  padding-right: 0;
}

.messagesent {
  float: right;
}

.messagesent .messagetxt {
  float: left;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.messagesent .messagesender {
  float: right;
  border: 1px solid #ccc;
  height: 32px;
  width: 33px;
  border-radius: 50px;
}

.messagereceived .messagesender {
  float: left;
  border-left: 1px solid #ccc;
}

.messagereceived .messagetxt {
  float: right;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #f5f5f5;
}

#chatinputs {
  height: 30px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 30px;
}

#chatinputs input {
  left: 0;
  z-index: 101;
  margin-top: -6px;
  border-radius: 0;
  background-color: #f5f5f5;
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#chatinputs input[disabled] {
  cursor: not-allowed;
  z-index: auto;
}

#chatinputs button {
  outline: none;
}

#chathistory {
  margin: 5px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  -webkit-transition: height 300ms ease-in-out;
  transition: height 300ms ease-in-out;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  scrollbar-face-color: #ccc;
  scrollbar-highlight-color: #fff;
  scrollbar-shadow-color: #ccc;
  scrollbar-3dlight-color: transparent;
  scrollbar-arrow-color: transparent;
  scrollbar-track-color: #e6e6e6;
  scrollbar-darkshadow-color: #2b8804;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 60px;
  max-height: 286px;
  padding-top: 18px;
}

#chatuserinput {
  height: 31px !important;
  min-height: 31px;
  max-height: 31px;
  float: left;
}

#chatuserinput:focus {
  border-bottom-color: #F36F20;
}

.clear {
  clear: both;
}

.alert-error {
  background-color: rgba(242,222,222,0.8);
}

.alert-success {
  background-color: rgba(223,240,216,0.8);
}

#videobox {
  height: 100%;
  width: 100%;
  padding: 0;
}

#audiobox {
  height: 100%;
  width: 100%;
  padding: 0;
}

#chathistory::-webkit-scrollbar {
  width: 10px;
}

#chathistory::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px;
}

#chathistory::-webkit-scrollbar-track:hover {
  background-color: rgba(206,206,206,0.5);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0;
}

#chathistory::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  background-clip: padding-box;
}

#chathistory::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

#sessionform::-webkit-scrollbar {
  width: 10px;
}

#sessionform::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px;
}

#sessionform::-webkit-scrollbar-track:hover {
  background-color: rgba(206,206,206,0.5);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0;
}

#sessionform::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  background-clip: padding-box;
}

#sessionform::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

@media (min-width: 978px) and (max-width: 1200px) {
  .messagebox .messagesender {
    width: 21.08%;
  }
}

@media (max-width: 767px) {
  .wrapper {
    margin: 0 auto;
  }

  #logobox {
    margin-top: 0;
  }

  #logopush {
    display: none;
  }

  .mobile #returnPageError {
    width: 60px;
    height: 30px;
  }

  .mobile #back_button {
    width: 70px;
    height: 40px;
    margin-bottom: 25px;
  }

  .mobile #footWebCallBack {
    position: inherit;
    width: 100%;
  }

  .mobile #ora {
    height: 50px;
  }

  .mobile #asap_button {
    height: 50px;
  }

  .mobile #showWorkinghour_button {
    height: 50px;
    font-size: 12px;
  }

  .mobile #minutes_div {
    margin-top: 10px;
    height: 90px;
    width: 80px;
  }

  .mobile #hours_div {
    margin-top: 10px;
    height: 90px;
    width: 80px;
  }

  .mobile .sup_arrow {
    height: 33% !important;
  }

  .mobile .sub_arrow {
    height: 34% !important;
  }

  .mobile #hours_p {
    height: 34% !important;
    font-size: 14px;
    line-height: normal;
  }

  .mobile #minutes_p {
    height: 34% !important;
    font-size: 14px;
    line-height: normal;
  }

  .mobile #container_due_punti {
    margin-bottom: 12px;
  }

  .mobile #SendTimebutton {
    width: 90px;
    height: 50px;
    font-size: 14px;
  }

  .mobile #showWorkinghour_button2 {
    height: 40px;
    font-size: 14px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
  }

  .mobile #containerAsapButton {
    position: relative;
    bottom: 10px;
    width: 100%;
    clear: both;
  }

  .mobile #container_list_days {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mobile #backButton_closeServiceAdvanced {
    width: 70px;
    height: 40px;
  }

  .mobile #backButton_closeServiceAdvanced2 {
    width: 70px;
    height: 40px;
  }

  .mobile #backButton_closeServiceAdvanced3 {
    width: 70px;
    height: 40px;
  }

  .mobile #showWorkinghour_button3 {
    font-size: 12px;
    margin-top: 25px;
  }

  .mobile #webcontainer input {
    height: 35px !important;
    font-size: 14;
  }

  .mobile #nav_menu_day_adv a {
    padding-right: 5px;
    padding-left: 5px;
  }

  .messagebox .messagetxt {
    width: 78.87292817679558%;
  }

  #sessionform .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
    margin-right: 10px;
  }

  #webcontainer .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
    margin-right: 10px;
  }
}

@-webkit-keyframes spin {
  from {

  }

  to {

  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  0% {

  }

  100% {

  }
}

@keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#closeservice {
  padding-top: 5px;
}

.closeservice-title {
  color: #383838;
}

.closeservice-subtitle {
  color: #383838;
}

#containerTableWorkingHour {
  padding: 15px 15px 5px 15px;
  margin: 0 auto;
}

#tableWorkingHour {
  width: 90%;
}

#tableWorkingHour tr th {
  background-color: #F36F20;
  border: none;
  color: #e9e9e9;
  width: 33%;
}

#tableWorkingHour tr td {
  padding: 3px 5px;
  text-align: center !important;
}

#tableWorkingHour tr td:first-child {
  text-align: left !important;
  font-weight: bold;
}

.tableWorkingHourAdv {
  width: 80%;
  margin: 0 10%;
}

.tableWorkingHourAdv tr th {
  background-color: #F36F20;
  border: none;
  color: #e9e9e9;
  width: 33%;
}

.tableWorkingHourAdv tr td {
  padding: 3px 5px;
  text-align: center !important;
}

.text-day-hour {
  font-family: Arimo,sans-serif;
  font-size: 12px;
}

.title-table-start {
  font-family: Arimo,sans-serif;
  font-size: 14px;
  text-align: center !important;
}

.title-table-end {
  font-family: Arimo,sans-serif;
  font-size: 14px;
  text-align: center !important;
}

.no-margin {
  margin: 0 auto !important;
}

.title-warning {
  font-size: 20px;
  margin: 10px auto;
}

.even {
  background-color: rgba(19,65,185,0.05);
}

.close-working-hour {
  background-color: rgba(224,16,16,0.2);
}

#paddingProgressBar {
  height: 40%;
  min-height: 140px;
}

.next {
  height: 80px;
  background-size: 12px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(../img/arrow-right.png);
}

.prev {
  height: 80px;
  background-size: 12px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(../img/arrow-left.png);
}

.titleDay {
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
}

.containerTableWorkingHourAdv {
  margin: 5px 45px;
  text-align: center;
}

.weekPlanning {
  height: 192px !important;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

#historyOverlayEmail {
  background-color: rgba(0,0,0,0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

#historyOverlayFile {
  background-color: rgba(0,0,0,0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 102;
}

#emailInputs {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
}

#emailInputs button {
  margin-bottom: 16px;
  z-index: 2000;
  position: relative;
}

#cancelEmailInput {
  height: 25px;
  margin-top: -1px;
  margin-right: 6%;
}

#okEmailInput {
  height: 25px;
  margin-top: -1px;
  margin-right: 3%;
  border-radius: 0 4px 4px 0;
}

#emailMessage {
  position: absolute;
  bottom: 63px;
  width: 100%;
}

#emailMessage .blue-arrow {
  width: 76px;
  height: 105px;
  margin-left: 15%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABpCAYAAACQ9sWuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAFkRJREFUeNrsXXmUXFWZ/93lvVf71vuS7nRnDyEhRJZhCQqKURlZFAkOoqjocXBDUcc5DnPmiI7r4DjqOMfjiKi4jCIHERkUBQHZJiCQkHRI0t3pTm/VXUt3LW+5y/xR1SGddDq9VC+Jfufck86pOq9e/e7v+77f9717b5FHe/JYLKMEKAqNn+7J4LHePLKOQpWf482rIujKehjIC3BKsCJuwpEalBBU+xkKQqM3J+BIDYMSGJTgQNbDa1sDkAp4oDuP5VEDIYMibSv4DYKYxTBclMi6ClIBdUGGphDHyxkPjUGOnSNuqy31eV1j3kWjtqoDQBJ+1nFxs/8/Lm729zYEKYQCOP6CjJESuBoaaVvGukfF1p6cuOQRt7i56KkNkDoOCoBRAECqIPDzPWNvDxrkiq2N/h221Kc+YIQABiUgAFKOrO3NiQtGbHlJtii3Qen2capzThHwMZicIl0UkEoDBAB08+8681s70t4OqU5hwGgZKFfC6B71NnSNem8bzInroHQzGIVlUAQMipifozpoIuZnIACGch7SBQ9QGtAaIGTHNWvDv768PYiCOIUA0+V/OS253pirrf1Z+/JdI+7N2lNngxIa8HHUhQzUh01E/RwGJQCAgqvQnXbQk7FRdOQ44r3NYeNLG6qsb6+JG57FCCg5hWIYI4DBCA6NieiBrHvTC0l5vRJ6jc/P0VIdRE3QRNhi8BsUQmok8x4GxlykCh7yroQUClAahJHO9rj5Ly1h496wydIGJfBKL0HpUwAwSgCDAUWhq3/5cu7ql5L2BxWwPhEy0RCx0BSx4DMoCAFsodA5YqMna2Mk5wIKpThFACg4y+Lm91fHzVujJh2UGhBag46HsnEGn7TBHBqcAkWhrZ0jzpUdSeezIFhZHbGwqiaARMBA2eNQ9CSSORf7hovIFb1XkKbli0ldOL3O977L2kM/GrEVenMeKCGTfi4/GWOVSQkYIdg14lz0csr5opD6nLqYH6trA4j4eBlQwFMafRkbHUMFOK4opUw6/mrZhHJqw8aVm2p8DzJC4CkNMsXn85MtTvk5xQtJp+ahg7mvZPJiezximWvrQ0gEDBwJRU/Gxr5kAXnbe0VfHM4O5RThKfm6leEbPnBG/MH+vMDelHfCezhpADMZQcHTuO/A2DXP9BY+b1msfWNrFE1RHygl0LrkZcmci/3JPIbH3BIw4355OI+OM0ujNWF+49PnVP14WZijMchhMYLf9xShJ3Lw5APMZAT9eRF58EDu8+mcd1N1wo+NTREELQZRdiFHKnQOF7B/KFfChpajuZ7crzknT75zQ+wzntTYNeyCEaDWzxA1KdK2PC5iSxowQkpgPTtob3isJ/djQsiG09tiaE0EoLSGVCXN1Zd1sKsvC8eVR8QpffwLS43zlwU/m7Bo7v8GihMybn2AYrBAUCzXricNYJSUJvm5IfvG3hH79ljMF9y0LIqwj0NIDYMR5ByJl/pGMZi1J4lTxzGlEfezn162Iny/SQmYSY/6XIJXN/nx5ICNpKNgUrL0ATMZgSM1f7q/8KVsXny0pSFE1tVHwBmBVBoGozg4UkDHwBhsR7wSp7Q+8cWllu/dFP+3i5qDyHtqcrejwPKogbv355EsqgkxbckBZjGC3SNO4qGuse9kC/KqdS0xrKwNQqgSGEoBO/uz6BrMQUMDlM5Ak2gEffShaj97+rmh4uFrTmYGJVgX4xhzXUgFSF0aSwowRoGcp2ru3p35mSv1q89oT6AlEYArFDgjKDgSfz6YRiprl2gAcgL/O8qEwvnLQ7eHTIrR8ZpxKglBCC6st2ARja6sA72UAKMEsIVu7hu1f0oIOe/c1dWoCllwhYLBKIZGbTzfnS65ICPTc7+jMqPPYk9e2hZ6MG4xhIzpM1NpDUfopeKSGpwAjtANyZz3c5PTcza3VaE6bEEqDc4IuoZzeKk3Ayl1CazZmNJoixq/d6RWHSln1ne7qIAREPg5xYgta/el7Ls5pedsWp5AbdQHIRUIIejoH8XLh7KlDEgwc2YdBkx566qseyMmgy3U7AEjiwZWiepP9RfCv9qb/T4Uzt20IoH6mB9CKlBCsKs3g66B0VJgJ3MiMUyTPVXl508fzLqQswUdAKeLhFjAoHghaeOfH+77atGW2zatqkFDLHAYrD93pXAoOVbur+sZxfZjg73GutrAg+c0+LUj9Zzumw8VxCIU0QS9Yx6++KeB23IF78b2ljiWVQWhlAIBwYsH0yWwKjibzWHj+ZQjYIs5ApbwsQXPhkIDtz3e/+ZdvblP1NaFsbYpBqU0CCHY3ZvBwf5sWTbMIWZN9MlMyCAvFj0Fd64M83O6oICFTIq7dqVWPtU5+p1AxDI3tCTKGoygoy+DA4cys5MNU8kJk+6oDvDOvKug5nhZ3pfzFgwsHyd44pBjfOWJwa+B0dpNbdUIWKVE3Z0cw97edEXdcFxOtEbNxzbW+uHJuU8CH8y5C1dME4JvPjP4mWLee9Oq9pIwJQCSo0W82DlcfqyFuQX4ScqhACdP7B4uztkdAYA3hIwFy4o/2pna1NFf+Ptw1If2+ggAgpzt4YXOYWilZlYXTl+/ZFfErd283GScM2BpW847WAYl6Mq4+Pmu1JfASfW6lgRMRiGUxu6DIyjknZJ80LqyH6wBzkiSAMlUQUJV4Pp8z7A9/4Axgl91ZLaP5txL21sTqIsHoDWwpyeFgeExgM1fpvZxMmh7qugKVRFP56fV+Oa9XdORshPP9uVu434DLXVREBAMZfPo6s8AZB6YdQTDoHVPqli5xMafHyzMezPwnj3p6yDkijXt1YgETBQdgZ2dyXLcmsdSQ2lU+819l7RF4KnKTArP2GJeY9fOtNO8sy//cdNvoiERAjTQPZBFPjcet+a1EQKTkX37U3blAGuOmPMYPyge7hx9H5RqWdkUQ8hvon8kh709w2Vm6XllN7RCU9g4eHpdYE4digmAtcwTYBaneHGwEN01WHibFTDRXBOBkAr7elOlXi8j844XKMnbQvX/qWestN6rEoCl58klLUbxm73pG+CINU1NcQR8BvYfSmMknS+xS883WgCUHl0Zt1Krq30VEa1lpV/50ogRglFH0t1DhbezgInlDTE4nsSBQyNlN1yYnhJjNPtI11ju0e6xymXJlXFrXlT9vR3ps+yCt7l1eTWiIR9e7hlBflygYgHYpTUsg2Vu2FxdCJtsTk3DCYDtThYrW4mQ0sKz3+7LvBeM8Lp4EEXHw/7e4Qq2a6aXIYVUxZ1DBfg4QYVCGHh/hYtvTgkGxrzWkTH38mDYh5p4CH3JLIoF9/Dq5AUxAkgF+57dqYrOEd+2Ml7R+/QbFN/bMXgBPFmzrDYKQoD9vSMLy67yZ4X9RmFzQ6giNeRhwDqGC5WcVADAc/25V8NgqK8KoS85itHR4sKyCwAUELaYfWZjcMon3DMGrJL5ymAE3Wkn3p+2LwkELQR8JvZ0DpWYtZDsKjPMoFC1AV4xlQ8AfDhfOVlhMoLn+3MXQKq2+uoIHE9iOJOf33pxCsA4JSru5xXptFIKaE3A22IWFFAR2lqMwhHqQhCgsTaC3v40hO0CnC0KwyigfZzMeb4YJcg7AlIocCIF9o/YqIv656RVCAHGHIHejL3eCvoQ9Jt4IZmd29PqOeoKIRVNFcWcGGYygnTexY7uNDY2hMCV0jiUysMVEsw0oGZZo3JKMJRzY5m8e1pjYwKuJ5ErOq8scltwI/CUpqmCmJX3aJSWVnUO52BBoehKcEbBCSmv79cK2bEi1jZGZ0UIH6foztgb4cnlkaAPg8OjUI4oPV9cJIbZruQHUsUZF95Kl56RLo8YeKRjCJeuqQYt+zUflwOUEBxKF5EIWmAGKyW2GWbIAyPFLWAUAb+Jzp7hVzYOLArBCEZtEXi0MzMjla/Ka/S2n16NlfFSfD+y9OUTMwFBgAEdyTyiQQtimr4/3tlK5twt3GeAAMiOFkruuCjsKpkjVADQ5T2S0zPb07h0RQxbWyPoydg4Cq+JgI1/8e7hHOqExJaWOMQ0ghqjBJmiMPOOtyGeiEAICSXEwovVo6ji93Hfxy5YhoiPT8stXakRtSgMomELNelc8+MVzzu60miI+OA3+QmDJqMEqYKXUFI3RcN+5ApOmdtYTJ+EK1T0zmcHTEaIq08Q4KGBrcsjOK8lDEdqmIxM2oXixwPA9iR+8lQPLtvciLqwBWeqFq8GbE/FoHTYNBgGk6OLI1aPchfPU7G4j4eaIlZqqkm3hULCz/GqplLdOVUU4VMKK2js6E7jkrW1iPjYcWltMAKpVAyAJYREPm8vfLE9uXiNWpzELU5STB0/yG9qCGNttR9FIaE05rA5ixH0J/PYFxvF27Y0QR8Hfb9BsXeoUAcCFAoOXNcb3y+9yICpSHfKbor7jP2uPBYxqUuqpybA4Uo1rfk98RpXk+HJAynsGswjErQmvTAhQN6RzYbJIDxZUnyL7ZJlhkul2jjFH7WeeD+eVIj5OC5fXwWp9NQhZ0aAlYIaxsZsVAcM3HBuE4CJTOOU4HtP91X1F1Vps8EC9u1PpMWyRW+9xcmEhC2VRiJgYnNjCEKqw26oKwZYKVChc6SAx/ansLo2BKn0ERvTCRwhq0zDgBRycdo5x2GYI9Qak1L4OA6LcUKADXVBVAUMeHJmteDMlp0T4OHdSTzemUHIb0wQtmO21xiPW3Bcb2mwa1y8StXaHLNoyGBKag0FIGIx1AaNabvh7AEr0Qle0cXFp9Xg2jMbUPAUsrbAJ+/tCEqp4LkCc171XEFpkSt6DZmCV1VbayZtT8FvUCT8bNbtrNlJS05x385BPH4gjSo/R8CgoASGVBpCSBze2LkUhqfrdvSObkjlPeQcgbA1NzXNZxtMHU/h9ocOoCdjY319CEprwys6pRU5S8moxp7B3Bv+9rSaP7QlAoc3VLBJtlbqo8Q7K7em9NGAEQIYjIJRAk6n2aEs7wC9+7l+9K1IGISQgHC8pSEnjsrwB0cKVxwYLvxrU9RKF47YxXZk4jr6b4NRjDmi7FAUvHx+D7n94S7cvztJ857ceGC4eC6jpC1T9OoKngxpjRMvDdTQjCCsCC7UGhaWomkgYLIdnJLBiSda6akaMFAayhVqrDpk7k0EjPuv2lj3OLnqv59dfv/u4W/btrgYlBiHt+cfLo+m2Z4kWNqmZ5mISLl+0tDLqv1f5rv7xq6z8+7rYbJjQZqJltJY+jbbSS0RiPQMF7fxoMV2LolCeamb0kgEjT30gpWJeyJB43+h/grYlCZU+i1nNNzGt65IYCDrfPonT/ScAYvV/RWZScyTWNUQ+dxZLdEXaXXQxPvOb3nu1etrboEt/grOMT0ghZqo767tr2q8nVEC7kkFi1Ncd3bTD3szxWX7BnOfX9Re/BKLW5SQR9+yueEjmxrDKu9KsCtvvBl5V6ImZKE57n/sT53puOeKc5ecAF0EsBijz//zG1e/4XVrakYYJQiYDDTuN5DwG7A4wabGCL5+9YaPttUE74Arl049uNBDaUCol17VEr1iXX0oRUn5fDYCUJNRmIzCoBQRP8fZrTH83dnNH7J8/E5I9ZfHrJLA3X/Dhcuvf//5rV1RH4fBCHycwsfpxOJbKY28I7E8EchtW1/74d++NNRWcOSFsz4r4qQDC4CQ2W2bGt7xnvNadvgNBsdT0EdoVD7ZkU+nNYSxuTmavXBF4vJ/uOel3wupzviLiGlKFdobwm89c1n0iaIrQUGOWe456QrEcQzXN4TT561IXPHHXYP3wWAbcCpj5kn7tafXv+fWN679HSWlrg0hADvqS1NXKhwzhILtCVACXLmpoXv7ea3XU+DlU7Z8cqRurAp84LLT638S8XH4Sg3RwyeWHjm4O0VgtzjFucvjOLct/pwn1PZfPNN7PxipO6WYJhQ2tyc+9pq1NXdUBU0UXDH1k29ygoRhCwmlgE3N0Wef6U5vPziU+zU4DZwqKr4u4f/yZ9645mvL4n4UXImiN7Uy4Hwaqp5R4OzWODY1RR7+5sMHbnjwhb47YDD/yc4sxuh3z2+v+iRnBEWvtCf8RM4z7WXnYR9HNTdx9Zamn3UMjPq6+8fugMXJyQpWa23weze/btUHmmJ+hC0OCoBMQwlQSgimM0qJRCMRNHH937Teedbq6o/CEyefjJcKhOKey89ovPnClVVeS8IPk5ciPJnG4DOrszWWxf1YUxfC+Suqvn7jD3ZU9wzn/+mkKdalRtBif7p0Q/27V9eGsgVXHj4qY7rd+Bn7lNYatidhMIKL19be+tMnu/22I2+BscRBUxqc0adu2bbmTW85sylje/KV5VszAIHP5nH5+GxctKoaK2uCn77jsc7Y/oGx98JgSxMsrQEhXzyjLfHOlTWhTNGd/aEf3Jvl5nFCgFW1IWxqjgrbFR//wm/2JKRQVy25ulNrQOnemy5dfcPrT6vvCPvKAX6W+wf4XI67EUoh52g0JwKjl25oeM8jLw3WFRxx/pIBTQOQKnnx6Q1XbD+7ZUciYMD21LTkw/F1WAWK6tMaI9i8LJZ5eFXVG2+9Z+f9rqfOXyIL6kbb6sPXntEc22F7EraY+1bmipyyWVqMprG2PjJ6TnvVtY++2P9LmGzL4m2bAeBKd9uZTe+5Zdvah0o/WkCRr8Azi2nrsBPqNE3gMxmu3tLcc80F7TdSoGfRinVHIBH13XzRmtqfh3wGfJwB5S1Ccx0Vk+paa8R8BraursE57VXP5R3v8vt29DwARmsXlGlCYWN74pNvPavlW+01IUipQIDDK3HmahU9+FZpDdtTKHoSr1qeeG7vwNj2vX3Zu8FIbGHAkmhIBL9465s3fHldQwR5p7STrZLzRZ7pHJmX5CRk6TdwvvDrl6689+mDd8Fk83vulicRDprfuOzMZR+69uwW1EV9FTs+5rhKf8vyxDFv2NGVmlUSsHjpd87esLHxl88fTF/fPTB6F0zO54tZTTWh//zsVRtvWdcYOaLLUvlQQIXSEEpPCtY4iOPvmcnwZGlTZsjHsW1j4/+sbo59CkeusK7UkAogeOCKM5s/sb4p6licgY0vfpuP8UjHELaurjkhsn/cm5x1ReAzGIayNm76wTOf6x4c+0dU6uxYqeG32BMXn9Zw6WvW1ue2tCXgN1hFz6k45vvoGV58NsBRUtpkfufjB/CLp7r+3XHlh+cMmtLgnD76sW3r3/rWs1qGJhTT82gzjilHVgZbV9WQaYSzCfbBr/7gU786FGYHBkZvmnWxrjTgyRe8O6/bemxQPjYnijIrHt4ztPAM44TQSYCY6v/HfIE3ve/Tvj+o0/9rrCi2z7iXpjQIdLf6wTuWH+f+2Hi3UBznyx0BKjn6fZwQ8seXh3TFAKuk+W+48wHbw+unDZrSgJRJfde7aqeYUCKm8aWOZOJk7x9//bF9yQmvLWrXr/i967clLPWTaWVPqUC13Hc8sMrMh5gmA4TWenxM9b4LVk4MO4veJh357ruujdHCtyDU8VvxQoFr8ZT84btWTQFARVfOHA/IRXXJI63xms9/Isnq3i/AVpTOSCyDBTVabdi/SH7/A+9ejPsqM1ePu+eSAWzcmt/+xc9lWPw8xpjB3Nze1F0fefdi3s/Rsez/BwBDMExD+6BLFAAAAABJRU5ErkJggg==);
}

#emailMessage .emailMessagetxt {
  color: #fff !important;
  position: relative;
  float: left;
  text-shadow: 2px 2px #000;
}

#webcontainer {
  text-align: center !important;
  margin-top: auto;
  width: auto;
  padding-top: 8px;
}

#webcontainer input {
  padding: 0 3px;
  height: 21px !important;
}

#webcontainer .control-group {
  margin-bottom: 8 !important;
}

#webcontainer label {
  padding-top: 0 !important;
  padding: 0;
  margin: 0;
  font-size: 12px;
  text-transform: capitalize;
  width: auto !important;
}

.pulsanti {
  clear: both;
  margin: 0 auto;
  width: 80%;
  max-width: 400px;
}

.inputcss {
  height: auto !important;
  margin-right: 20px;
  margin-left: -20px;
}

.control-label2 {
  width: 120px !important;
  margin-right: 0 !important;
}

#servizio_chiuso {
  font-size: 12px;
  padding: 0 5px;
}

#webcbform {
  margin-bottom: 12px;
  margin-bottom: 0;
}

#ricontattato {
  margin-bottom: 12px;
}

#showWorkinghour_button {
  padding-left: 8;
  padding-right: 0;
  margin-bottom: 30px;
}

#messaggioErrore {
  color: red;
}

#titoloWebCallBack {
  margin: 0;
  font-size: 20px;
}

#footWebCallBack {
  bottom: 40px;
  text-align: center !important;
  width: 100%;
}

#minutes_p {
  margin-bottom: 0;
  width: 42px;
  text-align: center;
  border: none;
  font-family: italic;
  font-size: 17px;
  line-height: 0;
  border-radius: 0;
  position: relative;
  z-index: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#minutes_p:focus {
  outline: none;
}

#hours_p {
  margin-bottom: 0;
  width: 42px;
  text-align: center;
  border: none;
  font-family: italic;
  font-size: 17px;
  line-height: 0;
  border-radius: 0;
  position: relative;
  z-index: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#hours_p:focus {
  outline: none;
}

#sorry_title {
  clear: both;
}

#returnPageError {
  float: left;
}

.pulsantiContainer {
  width: 50%;
  float: left;
}

.time {
  margin-bottom: 15px;
  border-radius: 4px;
}

#div_time {
  margin-top: 30px;
}

#containerAsapButton {
  position: relative;
  width: 100%;
  clear: both;
}

.sup_arrow {
  height: 19px !important;
  background: #f1f1f1;
  line-height: 1px;
  color: #000;
  background: #faf9f9;
  width: 100%;
  margin-top: -6px;
  position: relative;
  z-index: 1;
}

#asap_button {
  width: auto;
}

.sub_arrow {
  height: 19px !important;
  background: #f1f1f1;
  line-height: 1px;
  width: 34px;
  background: #faf9f9;
  color: #020202;
  width: 100%;
  position: relative;
  z-index: 1;
}

#back_button {
  float: left;
  margin-left: 7px;
  margin-top: 7px;
}

.day {
  text-transform: capitalize;
  font-size: 12px;
}

#container_time {
  text-align: center;
  font-size: 18px;
  font-family: italic;
}

#hours_div {
  display: inline-block;
  width: 55px;
}

#container_due_punti {
  display: inline-block;
}

#due_punti_time {
  display: inline-block;
  position: relative;
}

#minutes_div {
  display: inline-block;
  width: 55px;
}

.number {
  font-size: 22px;
}

.linkDayToSelect {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

#lista_giorni {
  margin-top: 0;
}

#lista_giorni li a p {
  margin-bottom: 3px;
}

#dateSelection {
  background: #F36F20 !important;
  color: #fff !important;
}

#errorMex {
  color: red;
  margin-top: -5px;
}

#SendTimebutton {
  margin-top: 0;
}

.non_selezionabile {
  cursor: default;
  background: #faf9f9 !important;
  color: #a6a6a6;
}

#acheora_container {
  margin-top: -9px;
}

#gentileCLiente {
  margin-top: 30px;
}

#showWorkinghour_button2 {
  position: absolute;
  bottom: 55px;
  left: 50%;
  margin-left: -56px;
}

#messaggioAvvenutaRichiesta {
  text-align: center;
}

#calendar {
  margin-left: auto;
  margin-right: auto;
  width: 120px;
  margin-top: 44px;
  margin-bottom: 10px;
  border-radius: 3px;
}

#calendarMonth {
  background: #2c6aa0;
  margin-bottom: 0;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.month {
  font-family: Arimo,sans-serif;
  font-size: 18px;
}

#calendarDate {
  background: #e6e6e6;
  font-size: 70px;
  line-height: 80px;
  color: #474747;
}

#calendarTime {
  display: inline-block;
}

.unycoContainerForm {
  padding: 0 30px 0 10px;
}

.unycoContainerForm label {
  text-align: right;
}

.unycoContainerForm .span3 {
  float: left;
  width: 40% !important;
}

.unycoContainerForm .span9 {
  float: left;
  margin-left: 4%;
  width: 56% !important;
}

.unycoContainerForm input {
  min-height: initial !important;
  padding: 1px 3px;
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 12px;
  margin-left: 10px;
}

.unycoContainerForm select {
  min-height: initial !important;
  padding: 1px 3px;
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 12px;
  margin-left: 10px;
}

.unycoContainerForm textarea {
  min-height: initial !important;
  padding: 1px 3px;
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 12px;
  margin-left: 10px;
}

.unycoContainerForm .error input {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

.unycoContainerForm .error select {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

.unycoContainerForm .error textarea {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

.unycoContainerForm .error label {
  color: #e9322d;
}

.containerRadioBtn {
  float: left;
  margin-left: 10px;
}

.containerRadioBtn input[type="radio"] {
  display: none;
}

.containerRadioBtn input[type="radio"]+span {
  color: #d9d9d9;
}

.containerRadioBtn input[type="radio"]:checked+span {
  color: #e2e22a;
}

#backButton_closeServiceAdvanced {
  float: left;
  margin-left: 7px;
  margin-top: 7px;
  font-size: 25px;
}

#backButton_closeServiceAdvanced2 {
  float: left;
  margin-left: 7px;
  margin-top: 7px;
  font-size: 25px;
}

#backButton_closeServiceAdvanced3 {
  float: left;
  margin-left: 7px;
  margin-top: 7px;
  font-size: 25px;
}

#showWorkinghour_button3 {
  margin-top: 7px;
}

h4 {
  clear: left;
}

#container_list_days {
  margin-top: 0;
  margin-bottom: 0;
}

#container_avaiable_time {
  display: inline-block;
  text-align: center;
  overflow-y: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

#orari_disponibili {
  display: inline-block;
  text-align: center;
  border: 1px solid #d9d9d9;
  margin-bottom: 0 !important;
}

#orari_disponibili thead {
  background-color: #F36F20 !important;
  color: #fff;
  border: 1px solid #d9d9d9;
}

#orari_disponibili td {
  border: 1px solid #d9d9d9;
  width: 103px;
  text-align: center;
}

#mediabox {
  position: relative;
  width: 348px;
  height: 160px;
  margin: 0 auto;
}

#usertools {
  position: absolute;
  bottom: 0;
  background-color: #f5f5f5;
  left: 0;
  margin: 0;
}

#usertools button {
  background-image: none;
  border: none;
  border-radius: 0;
  margin-left: -4px;
  height: 100%;
  font-size: 20px;
  background-color: #f5f5f5;
  border-bottom: 3px solid #f5f5f5;
  color: #666;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#usertools button:hover {
  background-color: #d9d9d9;
  color: #262626;
  border-bottom: 3px solid #F36F20;
}

#usertools button:focus {
  outline: none;
}

#sendMessageMobile {
  background-image: none;
  border: none;
  border-radius: 0;
  margin-left: -4px;
  height: 100%;
  font-size: 20px;
  background-color: #f5f5f5;
  border-bottom: 3px solid #f5f5f5;
  color: #666;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: left;
  margin-top: -5px;
}

#sendMessageMobile:focus {
  outline: none;
}

#sendMessageMobile:hover {
  color: #262626;
}

.input-vertical-border {
  float: left;
  width: 1px;
  height: 10px;
  background-color: #ccc;
  margin-top: 16px;
}

.email-reserved {
  font-size: 16px;
  position: absolute;
  bottom: -1px;
  color: #15da00;
  margin-left: 11px;
}

#selectFile {
  font-size: 20px;
}

#filename {
  margin-top: 4px;
  margin-left: 5px;
}

.custom-placeholder {
  color: #aaa;
}

@media (min-width: 1201px) {
  #webcontainer {
    width: 100%;
  }

  #webcontainer input {
    height: 36px !important;
  }

  #acheora_container {
    width: 100%;
  }

  #servizio_chiuso {
    font-size: 14px;
  }

  #webcbform {
    margin-top: 30px;
  }

  #minutes_div {
    margin-top: 25px;
    height: 84px;
  }

  #hours_div {
    margin-top: 25px;
    height: 84px;
  }

  #hours_p {
    height: 35% !important;
    font-size: 16px;
    line-height: normal;
  }

  #minutes_p {
    height: 35% !important;
    font-size: 16px;
    line-height: normal;
  }

  #div_showWorkinghour_button2 {
    position: absolute;
    bottom: 18px;
    left: 50%;
    margin-left: -75px;
    width: 144px;
  }

  #returnPageError {
    margin: 20px;
  }

  #backButton_closeServiceAdvanced {
    width: 100px;
    height: 45px;
  }

  #backButton_closeServiceAdvanced2 {
    width: 100px;
    height: 45px;
  }

  #backButton_closeServiceAdvanced3 {
    width: 100px;
    height: 45px;
  }

  #showWorkinghour_button3 {
    width: 145px;
    height: 45px;
  }

  .sup_arrow {
    width: inherit;
    height: 33.3333% !important;
  }

  .sub_arrow {
    width: inherit;
    height: 33.3333% !important;
  }

  #back_button {
    height: 45px;
  }

  .tableWorkingHourAdv {
    width: 30%;
    text-align: center;
    display: inline-block;
  }

  #container_list_days {
    margin-top: 40px;
  }

  #select_time_title {
    clear: both !important;
  }

  h4 {
    clear: left;
  }

  #tableWorkingHour {
    width: 100%;
  }

  #footWebCallBack {
    position: absolute;
    width: 100%;
  }

  #lista_giorni a {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .containerTableWorkingHourAdv td {
    height: 35px;
  }

  #nav_menu_day_adv a {
    width: 52px;
    font-size: 18px;
    margin-left: 5px;
    margin-right: 5px;
  }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
  #mediabox {
    height: 80px;
    width: 210px;
  }

  #media {
    height: 80px;
  }

  #logo {
    height: 52px;
  }
}

#agentName {
  background-color: #0f385a;
  color: #fff;
}

#eu_media_loading {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.unyco-control-group .help {
  display: none;
  font-size: 12px;
  color: #e9322d;
}

.unyco-control-group.error .help {
  display: inline-block;
}

.unyco-control-group.error input {
  color: red;
}

#rec_blink {
  position: absolute;
  top: 5px;
  left: 40px;
}

#rec_blink i {
  color: #ca4242;
}

#rec_blink span {
  font-size: 12px;
  color: #fff;
}

.wrapper_interfaces.mediaOpen #chatcontainer {
  top: 205px;
}

.wrapper_interfaces.mediaOpen.chatCall #chatcontainer {
  top: 45px;
}

.sharedLink .incon-holder {
  background-image: url(../img/link.png);
  background-position: center;
  background-repeat: no-repeat;
}

.sharedDoc .incon-holder {
  background-image: url(../img/doc.png);
  background-position: center;
  background-repeat: no-repeat;
}

.sharedScreen .incon-holder {
  background-image: url(../img/screen.png);
  background-position: center;
  background-repeat: no-repeat;
}

.messagesender small {
  font-size: 0.8em;
  display: block;
  padding-top: 10px;
}

div.unycocontainter {
  background-image: url(../img/eye.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.rotate:before {
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

#nav_menu_day_adv a {
  color: #262626;
  font: 12px;
}

#nav_menu_day_adv a:hover {
  color: #F36F20;
}

#nav_menu_day_adv a.day_selected {
  font-size: 16px;
  color: #F36F20;
}

#tableWorkingHourAdv tbody {
  font-size: 12px;
}

.controls input {
  float: right;
  margin-right: 70px;
}

.selected a {
  background: #F36F20 !important;
  color: #fff;
}

form.unycoform {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

activation.dir-selector {
  position: fixed;
  top: 0;
  right: 200px;
  direction: ltr;
  z-index: 8888;
}

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

html,
body {
  height: 100%;
}

body {
  font-family: "HelveticaNeueW02",Helvetica,Arial,sans-serif;
  font-weight: 400;
  color: #4d4d4d;
  font-size: 15px;
  background-color: #f5f5f5;
  background-image: url(../graphics/main-bg_V4.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.overflowHidden {
  overflow: hidden !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal-backdrop.in {
  opacity: .6;
}

@media only screen and (max-width: 1280px) {
  .blockScrollMenu,
  .blockScrollMenu>.wrapper,
  .blockScrollMenuByItem,
  .blockScrollMenuByItem>.wrapper {
    overflow: hidden;
  }
}

.responsiveImage {
  display: block;
  width: 100%;
}

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

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

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

@media only screen and (min-width: 1280px) {
  .wrapper {
    overflow: hidden;
  }

  body.error-page .wrapper,
  body.error .wrapper {
    padding: 0;
  }
}

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

.inner {
  width: 100%;
}

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

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

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

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

.inner.blocked+.inner-with-title {
  background-color: #f5f5f5;
}

@media only screen and (max-width: 767px) {
  .clear-container-padding-on-mobile {
    margin-left: -10px;
    margin-right: -10px;
  }
}

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

.with-padding-for-mobile {
  padding-left: 10px;
}

.container {
  width: auto;
}

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

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

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

a {
  color: #F36F20;
}

.main-nav {
  display: none;
}

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

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

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

h1 {
  margin-top: 30px;
}

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

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

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

.overall-nav-buttons {
  height: 125px;
  width: 45px;
  position: absolute;
  top: 25%;
  left: 40%;
}

.custom-container {
  padding-left: 0px;
  padding-right: 0px;
}

.custom-panel {
  background-color: transparent;
}

.offcanvas {
  position: relative;
}

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

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

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

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

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

.center {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

.logon-title {
  color: #fff;
}

.breadcrumb,
.breadcrumb.payments {
  margin: 32px 0 24px 0;
  padding: 0;
  font-size: 10px;
  font-size: .66667rem;
  background-color: transparent;
}

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

.breadcrumb>li.active>a {
  color: gray;
}

.breadcrumb>li>a.active {
  color: gray;
}

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

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

#overallPanel>.panel-heading {
  border-bottom: none;
  background-color: transparent;
  color: #fff;
}

.page-title h1 {
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 8px;
  padding-right: 45px;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #262626;
}

@media only screen and (min-width: 1024px) {
  .page-title h1 {
    margin: 0;
    padding: 0;
  }
}

.ie8 .page-title h1 {
  font-size: 20px;
  font-size: 1.33333rem;
  margin: 0;
  padding: 0;
}

.page-title h2 {
  font-size: 20px;
  font-size: 1.33333rem;
}

.page-title h3 {
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 8px;
}

.page-title-responsive {
  background-color: #fff;
  margin-bottom: 20px;
}

.page-title-responsive h3 {
  margin: 15px 0;
}

.page-title-dropdown {
  position: relative;
  display: block;
  margin-bottom: -1px;
  border-bottom: 1px solid #F36F20;
  cursor: pointer;
}

.page-title-dropdown span {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px;
  font-size: 12px;
  font-size: .8rem;
  color: #F36F20;
}

.page-title-dropdown-menu {
  right: 0;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 18px;
  font-size: 1.2rem;
  border: none;
  border-radius: 0px;
}

.page-title-dropdown-menu>li>a:hover {
  color: #F36F20;
  background: none;
}

.page-title.bordered {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #e9e9e9;
}

.page-title.bordered h1 {
  margin: 0;
  font-size: 24px;
  font-size: 1.6rem;
  text-transform: inherit;
}

@media only screen and (min-width: 768px) {
  .page-title.bordered h1 {
    font-size: 30px;
    font-size: 2rem;
  }
}

.page-title.underline {
  margin-bottom: 10px;
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  .page-title.underline {
    margin-bottom: 35px;
  }
}

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

.page-title.underline h1,
.page-title.underline h2 {
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .page-title.underline h1,
  .page-title.underline h2 {
    margin-top: 25px;
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 1024px) {
  .page-title.underline h1,
  .page-title.underline h2 {
    margin: 15px 0;
  }
}

@media only screen and (min-width: 1024px) {
  .page-title .icon-arrow-down-plane {
    margin-top: 4px;
  }

  .page-title.dropdown {
    padding: 0;
    border-bottom: solid 1px #dddcdc;
  }
}

@media only screen and (min-width: 768px) {
  .responsive-margin-top {
    margin-top: 35px;
  }
}

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

.panel-holder {
  margin-top: 20px;
}

.cardFix:nth-child(odd) {
  clear: both;
}

.cardFix .panel {
  border-radius: 10px;
}

.panel {
  position: relative;
  border-radius: 1px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
  border: 1px solid #e6e6e6;
  padding-top: 16px;
}

.carousel-inner .panel {
  margin-bottom: 0;
}

.panel.supplementaryCards__panel {
  border: none;
}

.panel.viewDetails {
  padding: 12px;
}

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

@media only screen and (min-width: 768px) {
  .panel.viewDetails {
    padding: 24px;
  }
}

.panel.panelPadding {
  padding: 32px 22px;
}

.panel.panel-disabled {
  padding-top: 0px;
}

.panel.withLoader {
  min-height: 250px;
}

.panel.addGreyFooter:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 95px;
  background-color: #fafafa;
}

.cardFix .panel {
  border-radius: 10px;
}

.panel__title--large {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
}

.panel.viewDetails .panel__title--large {
  margin: 0 0 24px;
}

@media only screen and (min-width: 768px) {
  .panel.viewDetails .panel__title--large {
    margin: 0 0 48px;
  }
}

.panel__title--large.short-underline {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.panel__title--large.short-underline:after {
  bottom: 0;
  width: 35px;
  margin-left: -17.5px;
}

.panel__description {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.panel-arrangement {
  display: none;
}

.panel-arrangement .arrange {
  float: right;
  font-size: 20px;
  font-size: 1.33333rem;
  width: 40px;
  height: 40px;
  color: #000;
  background: rgba(255,255,255,0.5);
  margin: 0 0 5px 5px;
  padding: 10px;
  text-align: center;
}

.panel-arrangement .arrange.active {
  color: #D65A10;
  background: #fff;
}

.panel-header h2,
.panel-header h3 {
  margin: 0 24px;
  min-height: 55px;
  padding: 12px 0;
  font-size: 20px;
  font-size: 1.33333rem;
}

.panel-header .cards-nickname {
  display: inline-block;
  color: #4d4d4d;
}

.panel-header .cards-nickname:hover {
  color: #F36F20;
}

.panel-footerDetail {
  text-align: right;
  padding: 15px 24px 24px 0;
}

.panel-notification .panel-footerDetail {
  padding: 15px 8px 8px 0;
}

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

.panel-footerDetail__link[disabled] {
  background-color: transparent;
}

.panel-active .panel-header {
  background: #fff;
}

.panel-header__bar {
  position: relative;
  padding-bottom: 6px;
}

.panel-header__bar:after {
  content: '';
  background-color: #F36F20;
  width: -webkit-calc(100% - 32px);
  width: calc(100% - 32px);
  left: 16px;
  height: 6px;
  border-radius: 3px;
  position: absolute;
}

.ie8 .panel-header__bar:after {
  width: 93%;
  left: 3.5%;
}

.panel-active {
  background: #fff;
}

.ie8 .panel-active {
  float: right;
  width: 99.9%;
}

.panel-disabled {
  background-color: #fff;
  border: 1px dashed #000;
}

.panel-disabled h2 {
  color: #000;
}

.panel-disabled .panel-content {
  overflow: hidden;
}

.panel-disabled .panel-content .panel-header {
  padding-top: 6px;
  border-top: none;
}

.panel-disabled .btn-go {
  background-color: #8e8e8e;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.panel-disabled .btn-go:hover {
  background-color: #757575;
}

.panel-disabled .panel-header__bar {
  display: none;
}

.panel-disabled .cards-nickname {
  cursor: none;
}

.panel-disabled .cards-nickname:hover {
  color: #4d4d4d;
}

.search-header {
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #e6e6e6;
}

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

.blocked .panel-header__bar,
.blocked .panel-footerDetail {
  display: none;
}

.blocked a {
  color: #4d4d4d;
}

.blocked a:hover {
  color: #4d4d4d;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.panel__wrapper {
  position: relative;
}

.sort-and-filter {
  display: table;
  width: 100%;
  margin-top: 15px;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 15px;
}

.sort-and-filter .title {
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 700;
  color: #404040;
  text-transform: uppercase;
}

.sort-and-filter--button-holder {
  text-align: right;
  display: table-cell;
  vertical-align: middle;
}

.sort-and-filter--button-holder button {
  margin: 0;
  padding: 0;
  border: none;
}

.sort-and-filter--button-holder button span[class^="icon-"] {
  margin: 0;
  padding: 0 10px;
  font-size: 22px;
  font-size: 1.46667rem;
  color: #737373;
}

.sort-and-filter--button-holder button:last-child {
  border-left: 1px solid #ccc;
}

.sort-and-filter--button-holder button:last-child span[class^="icon-"] {
  padding-right: 0;
}

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

.force-ltr {
  display: inline-block;
  direction: ltr !important;
}

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

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

.banner-holder {
  margin-bottom: 20px;
}

.banner-billboard {
  position: relative;
  min-height: 100px;
  font-size: 16px;
  font-size: 1.06667rem;
  background-image: url(../graphics/banner-shuttered_bg.svg);
  background-color: #2b2622;
  background-size: 150px 150px;
  border: #2b2622 solid 10px;
  color: #fff;
  margin-bottom: 15px;
}

.banner-billboard a {
  color: #f36e20;
}

.banner-billboard a:hover {
  color: #e85824;
}

.banner-inner {
  padding: 34px 0;
}

.tip {
  position: relative;
  padding: 15px;
  margin-bottom: 20px;
  border: 10px solid #fff;
  background: url(../graphics/hatched_bg.svg) #fff;
}

.tip .tip-title {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 300;
  margin: 20px 0 10px 0;
}

.tip-icon {
  display: block;
  font-size: 32px;
  font-size: 2.13333rem;
  margin: 15px auto;
  padding: 13px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  color: #fff;
  background: #eabd1c;
}

.italic-tip {
  font-family: 'kite_oneregular', sans-serif;
  font-style: normal;
  font-size: 14px;
  font-size: .93333rem;
  color: #404040;
}

.product-header {
  background: #e6e6e6;
}

.product-header h2 {
  line-height: 45px;
  margin: 0;
}

.product-header-btn {
  float: right;
  width: 45px;
  height: 45px;
  padding-top: 14px;
  background: #fff;
  color: #000;
  font-size: 16px;
  font-size: 1.06667rem;
  text-align: center;
}

.product-header-btn:hover {
  color: #fff;
  background: #F36F20;
  text-decoration: none;
}

.orange-bg .product-header-btn:hover {
  color: #fff;
  background: #333;
  text-decoration: none;
}

.product-body {
  padding: 20px 15px;
}

.product-body .italic {
  font-style: normal;
  font-family: 'kite_oneregular', sans-serif;
}

.product-info-icons {
  margin: 20px 0;
}

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

.post-title-button-holder {
  padding: 15px 10px;
  margin: 0 5px;
}

.post-title-button-holder--saving {
  margin: 15px 0;
  text-align: right;
  overflow: hidden;
}

.button-holder.outside-title {
  position: relative;
  display: none;
  top: 0;
  padding: 0;
  overflow: hidden;
  background-color: #eeeeee;
  margin-bottom: 15px;
}

.button-holder.outside-title a {
  float: left;
  width: 100%;
  padding: 10px 0;
  color: #000 !important;
  background-color: #eeeeee;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.numerical-date {
  line-height: 1;
  padding: 15px 0;
}

.numerical-date--day {
  display: block;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: center;
}

.numerical-date--month {
  display: block;
  font-size: 13px;
  font-size: .86667rem;
  text-transform: uppercase;
  text-align: center;
}

.recommendations {
  position: relative;
  padding: 10px;
  background: #fff;
  margin-bottom: 30px;
}

.recommendations-text {
  font-size: 18px;
  font-size: 1.2rem;
}

.recommend-choice {
  padding: 10px;
  text-align: center;
}

.recommend-choice [class^="icon-"] {
  font-size: 35px;
  font-size: 2.33333rem;
}

.line-under {
  border-bottom: 1px solid #9b9b9b;
}

.categories-to-filter {
  padding-top: 10px;
}

.category-to-filter {
  display: inline-block;
  font-size: .9px;
  font-size: .06rem;
  padding: 3px 8px;
  margin-right: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  background-color: #c9c9c9;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.category-to-filter:hover {
  color: #fff;
  background-color: #afafaf;
}

.filter-btn {
  width: 100%;
  line-height: 30px;
  text-align: center;
}

.filter-btn:hover {
  color: #fff;
}

.filter-btn:hover.bulkPaymentsFilter__filterButton:hover {
  color: #e6e6e6;
}

.filter-btn[type="submit"] {
  color: #fff;
  background-color: #F36F20;
}

.filter-btn[type="submit"]:hover {
  background-color: #D65A10;
}

.filter-btn[type="reset"] {
  background-color: transparent;
}

.filter-btn[type="reset"]:hover {
  color: #D65A10;
}

.calendar-list {
  font-size: 12px;
  font-size: .8rem;
  margin: 10px 0;
}

.vertical-line {
  padding: 5px 0;
  border-left: #ccc 1px solid;
}

.edit-transaction .vertical-line {
  margin: 0;
}

.deposit .vertical-line,
.account .vertical-line {
  padding: 5px 15px;
}

#quick-payments .vertical-line {
  margin: 20px 0;
}

.vertical-line.thin {
  margin: 5px 0;
  border-left: #ccc 1px solid;
}

.vertical-line:first-of-type {
  border: none;
}

.overview-chart-holder {
  padding-top: 50px;
}

.gray-bg-widget {
  position: relative;
  padding: 10px 0 10px 50px;
  background-color: #EEEEEE;
}

.gray-bg-widget span[class^="icon"] {
  position: absolute;
  top: 27px;
  left: 24px;
  color: #88817c;
  font-size: 26px;
  font-size: 1.73333rem;
}

.panel-info {
  position: relative;
  margin: 20px 40px 10px 22px;
  padding-left: 34px;
  padding-bottom: 16px;
}

@media only screen and (min-width: 768px) {
  .panel-info {
    padding-left: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .panel-info {
    margin: 16px 24px 0 45px;
    padding-left: 70px;
  }
}

@media only screen and (min-width: 768px) {
  .panel-info.inactive-card {
    min-height: 0;
    margin: 30px 20px 30px 45px;
  }
}

.panel-info span[class^="icon-"] {
  position: absolute;
  top: 7px;
  left: 0;
  font-size: 20px;
  font-size: 1.33333rem;
  color: gray;
  max-width: 45px;
}

@media only screen and (min-width: 768px) {
  .panel-info span[class^="icon-"] {
    top: 7px;
    font-size: 30px;
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1024px) {
  .panel-info span[class^="icon-"] {
    top: 10px;
    font-size: 30px;
    font-size: 2rem;
  }
}

.panel-info .icon-holder {
  top: 12px !important;
  left: -10px !important;
  width: 50px;
  max-width: 100px !important;
}

.panel-info .panel-info--data--table-holder {
  padding-bottom: 16px;
}

.panel-info .panel-info--data--table-holder+.panel-info--data--table-holder {
  border-top: 1px solid #e6e6e6;
}

.panel-info .panel-info--data--table-holder+.panel-info--data--table-holder.noLine {
  border-top: 0;
  padding: 0;
  margin-top: -8px;
}

.panel-info .panel-info--data .description {
  position: relative;
  top: -1px;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 300;
  padding-bottom: 2px;
  color: #4d4d4d;
}

@media only screen and (min-width: 1024px) {
  .panel-info .panel-info--data .description {
    font-size: 14px;
    font-size: .93333rem;
  }
}

.panel-info .panel-info--data--table-holder {
  padding: 8px 0;
}

@media only screen and (min-width: 1024px) {
  .panel-info .panel-info--data--table-holder {
    padding: 16px 0;
  }
}

.panel-info .panel-info--data--table-holder .panel-info--data--table {
  display: table;
  width: 100%;
  font-size: 13px;
  font-size: .86667rem;
}

@media only screen and (min-width: 768px) {
  .panel-info .panel-info--data--table-holder .panel-info--data--table {
    font-size: 14px;
    font-size: .93333rem;
  }
}

@media only screen and (min-width: 1024px) {
  .panel-info .panel-info--data--table-holder .panel-info--data--table {
    width: 100%;
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.panel-info .panel-info--data--table-holder .panel-info--data--table .tr {
  display: table-row;
}

.panel-info .panel-info--data--table-holder .panel-info--data--table .tr .td {
  display: table-row;
  font-size: 14px;
  font-size: .93333rem;
}

@media only screen and (min-width: 768px) {
  .panel-info .panel-info--data--table-holder .panel-info--data--table .tr .td {
    display: table-cell;
  }
}

.panel-info .panel-info--data--table-holder .panel-info--data--table .tr .td.vtop {
  vertical-align: top;
}

.panel-info .panel-info--data--table-holder .panel-info--data--table .tr .td.text-direction-right {
  text-align: left;
  font-size: 14px;
  font-size: .93333rem;
  color: #262626;
}

@media only screen and (min-width: 768px) {
  .panel-info .panel-info--data--table-holder .panel-info--data--table .tr .td.text-direction-right {
    text-align: right;
  }
}

.panel-info .panel-info--data--table-holder .panel-info--data--table .tr .td .insuranceIconsFragment--cards span {
  position: relative;
  top: 0px;
  font-size: 16px;
  font-size: 1.06667rem;
}

.panel-info .panel-info--data--table-holder .panel-info--data--table .tr .td .insuranceIconsFragment--cards span+span {
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .panel-info .panel-info--data--table-holder .panel-info--data--table .tr+.tr {
    margin-top: 8px;
    display: block;
  }
}

.panel-info .panel-info--data--table-holder .panel-info--data--table .tr+.tr .td {
  padding-top: 8px;
}

.panel-info .panel-info--data--table-holder .panel-info--data--table .description {
  top: 0;
}

.panel-info .panel-info--data--table-holder .panel-info--data--table .amount-text,
.panel-info .panel-info--data--table-holder .panel-info--data--table .owner-text {
  font-weight: 700;
  font-size: 14px;
  font-size: .93333rem;
}

.panel-info .panel-info--data .amount-text {
  font-size: 15px;
  font-size: 1rem;
}

.panel-info .panel-info--data .maturity-date.expecting {
  display: block;
}

.panel-info .panel-info--data .maturity-date.expecting span {
  color: #f39300;
  vertical-align: middle;
  display: inline-block;
}

.panel-info .panel-info--data .maturity-date.expecting .icon-arrow-circle-right {
  position: static;
  font-size: 16px;
  font-size: 1.06667rem;
  margin-right: 5px;
  color: gray;
}

.panel-info .panel-info--data .main-data {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 16px;
}

.panel-info .panel-info--data .main-data .amount {
  padding-top: 8px;
}

@media only screen and (min-width: 768px) {
  .panel-info .panel-info--data .main-data .amount {
    padding-top: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .panel-info .panel-info--data .main-data .amount {
    padding-top: 0;
  }
}

.panel-info .panel-info--data .main-data .amount-text,
.panel-info .panel-info--data .main-data .currency {
  display: inline-block;
  font-size: 24px;
  font-size: 1.6rem;
  color: #262626;
}

.panel-info .panel-info--data .main-data .currency {
  font-weight: normal;
}

.ie9 .panel-info .panel-info--data .main-data .currency {
  margin: 0 5px;
}

@media only screen and (min-width: 1024px) {
  .panel-info .panel-info--data .main-data .currency-label {
    font-size: 20px;
    font-size: 1.33333rem;
    font-weight: 300;
  }
}

.panel-info .notification {
  padding: 20px;
  background-color: #e1e1e1;
  border-radius: 10px;
  font-size: 16px;
  font-size: 1.06667rem;
}

.panel-info .notification .title {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .panel-info.multiple-currencies .panel-info--data {
    border-left: 1px solid #ccc;
  }
}

@media only screen and (min-width: 768px) {
  .panel-info.multiple-currencies .panel-info--data.main-data {
    padding: 15px 15px 15px 60px;
    border-bottom: none;
    border-left: none;
  }
}

@media only screen and (min-width: 1024px) {
  .panel-info.multiple-currencies .panel-info--data.main-data {
    padding: 20px 15px 0 15px;
    border-left: none;
  }
}

@media only screen and (min-width: 768px) {
  .panel-info.multiple-currencies .panel-info--data.main-data .amount-text {
    font-size: 30px;
    font-size: 2rem;
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .panel-info.multiple-currencies .panel-info--data.main-data span[class^="icon"] {
    position: absolute;
    font-size: 24px;
    font-size: 1.6rem;
    top: 30px;
    left: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  .panel-info.multiple-currencies .panel-info--data.main-data span[class^="icon"] {
    display: none;
  }
}

.account-details-holder {
  background-color: #f6f6f6;
}

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

.add-icon {
  position: relative;
  padding: 35 0 0 0;
  margin: 20px 0;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .add-icon {
    padding: 0 0 0 35px;
    text-align: left;
  }
}

.add-icon span[class^="icon"] {
  display: block;
  font-size: 24px;
  font-size: 1.6rem;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .add-icon span[class^="icon"] {
    position: absolute;
    left: 0;
  }
}

.add-icon-to-left span[class^="icon"] {
  position: absolute;
  font-size: 14px;
  font-size: .93333rem;
  top: 19px;
  left: 22px;
}

.account-menu {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 0px;
  background-color: #F36F20;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s ease-out 0s;
  transition: opacity .3s ease-out 0s;
}

.account-menu.visible {
  height: 100%;
  opacity: 1;
}

.account-menu .header-title {
  position: relative;
  height: 100px;
}

.account-menu .header-title .close-menu {
  display: block;
  font-size: 20px;
  font-size: 1.33333rem;
  padding: 20px 0 0 20px;
  color: #fff;
}

.account-menu .header-title h2 {
  color: #fff;
}

.account-menu .panel-link-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.account-menu .panel-link-list li a {
  display: block;
  padding: 20px 20px 25px;
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid rgba(255,255,255,0.3);
}

.account-menu .panel-link-list li:last-child a {
  border-bottom: none;
}

.account-menu .add-to-dashboard {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.account-menu .add-to-dashboard a {
  display: block;
  padding: 20px 20px 25px;
  color: #000;
  background-color: #f7f7f7;
}

.account-menu .add-to-dashboard a:hover {
  color: #F36F20;
}

.account-menu .add-to-dashboard span[class^="icon"] {
  position: relative;
  display: inline-block;
  font-size: 24px;
  font-size: 1.6rem;
  margin: 0 20px 0 0;
  top: 4px;
}

.account-menu .panel-link-list.orange-bg {
  min-height: 350px;
  color: #fff;
  background-color: #F36F20;
}

.account-menu .panel-link-list.orange-bg a {
  color: #fff;
}

.account-menu .panel-link-list.orange-bg a:hover {
  background-color: #EEEEEE;
  color: #F36F20;
}

.account-menu .panel-link-list span[class^="icon"] {
  position: relative;
  display: inline-block;
  font-size: 24px;
  font-size: 1.6rem;
  margin: 0 20px 0 0;
  top: 4px;
}

.account-menu .btn-panel-header-left {
  font-size: 24px;
  font-size: 1.6rem;
  position: absolute;
  top: 13px;
  left: 15px;
}

.account-menu .current-account-mark {
  position: relative;
  top: 15px;
  right: 15px;
  padding: 2px 10px;
  text-transform: uppercase;
  background-color: #C4C1C6;
}

.latest-activities {
  min-height: 240px;
}

.latest-activities--title {
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 25px 0 5px;
  margin: 0 15px 5px;
  border-bottom: 1px solid #cacaca;
}

.account-activity-row {
  padding: 10px 0;
  border-bottom: 1px solid #e3e3e3;
  overflow: hidden;
}

.account-activity-row--icon,
.account-activity-row--date,
.account-activity-row--desc {
  display: inline-block;
  margin-right: 10px;
}

.account-activity-row--icon {
  width: 25px;
  text-align: center;
}

.account-activity-row--date {
  color: #767676;
}

.account-activity-row--amount {
  float: right;
}

.account-activity-row:last-child {
  border-bottom: none;
}

.col-amount {
  text-align: right;
  padding: 5px 0 0 0;
  border-top: 1px solid #eaeaea;
}

.inline-search-holder {
  padding: 15px 0;
}

@media only screen and (min-width: 1024px) {
  .inline-search-holder {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  }
}

.inline-search-holder .search-inline {
  width: 100%;
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 48px;
  padding: 0 15px;
  background-color: rgba(255,255,255,0.9);
  border: 1px solid #b2b2b2 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
}

@media only screen and (min-width: 1024px) {
  .inline-search-holder .search-inline {
    background-color: #f9f9f9;
  }
}

.inline-search-holder .btn-search-inline {
  width: 100%;
  text-align: center;
  padding: 13px;
  -webkit-box-shadow: 1px 1px #CCC;
  box-shadow: 1px 1px #CCC;
}

@media only screen and (min-width: 1024px) {
  .inline-search-holder .btn-search-inline .icon-search {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.block-search-holder {
  position: relative;
  display: block;
  padding: 15px 15px 25px;
  background-color: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0,0,3px,rgba(0,0,0,0.3);
  box-shadow: 0,0,3px,rgba(0,0,0,0.3);
}

.block-search-holder .search-inline {
  width: 100%;
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 48px;
  padding: 0 15px;
  background-color: rgba(255,255,255,0.9);
  border: 1px solid #b2b2b2 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
}

.block-search-holder .btn-search-inline {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
  font-size: 1.33333rem;
  -webkit-box-shadow: 1px 1px #CCC;
  box-shadow: 1px 1px #CCC;
}

#savingChartPlaceholder {
  min-height: 350px;
  width: 100%;
  background: url(../graphics/dummy_chart.png) center center no-repeat;
}

.expandable {
  margin-bottom: 15px;
}

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

.expandable .expandable-title.with-bottom-border {
  height: auto;
  background-color: transparent;
  border-bottom: 1px solid #f5f5f5;
  font-size: inherit;
  padding-bottom: 5px;
}

.expandable .expandable-title.with-bottom-border h2 {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

.expandable .expandable-title.with-bottom-border .description {
  display: table-cell;
  vertical-align: middle;
}

.expandable .expandable-title {
  position: relative;
  display: table;
  width: 100%;
  padding-bottom: 24px;
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 300;
}

.expandable .expandable-title h2 {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
}

.expandable .expandable-title .description {
  font-style: italic;
}

.expandable .expandable-title.paysomeone-expandable-title {
  background-color: #fff;
  border-top: 1px solid #eee;
  padding: 10px;
  font-size: 20px;
  font-size: 1.33333rem;
}

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

.expandable .collapse-btn {
  color: #4a4949 !important;
}

.expandable .collapse-btn .expandable-title:after {
  position: absolute;
  content: "\e61b";
  top: 50%;
  margin-top: -15px;
  right: 10px;
  width: 20px;
  font-family: 'icomoon';
  font-size: 8px;
  font-size: .53333rem;
  width: 20px;
  height: 15px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  text-align: center;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border: solid 1px #e6e6e6;
  line-height: 26px;
  border-radius: 50%;
  color: gray;
  padding: 1px 0 0 0px;
}

.expandable .collapse-btn .expandable-title.noArrow:after {
  content: "";
  display: none;
}

.expandable .collapse-btn .expandable-title.expandable-titleCover:after {
  top: 100%;
  margin-top: -14px;
}

.expandable .collapse-btn .expandable-title__more {
  display: none;
}

.expandable .collapse-btn .expandable-title__less {
  display: inline-block;
}

.expandable .collapse-btn.collapsed .expandable-title:after,
.expandable .collapse-btn [aria-expanded=true] .expandable-title:after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.expandable .collapse-btn.collapsed .expandable-title__more,
.expandable .collapse-btn [aria-expanded=true] .expandable-title__more {
  display: inline-block;
}

.expandable .collapse-btn.collapsed .expandable-title__less,
.expandable .collapse-btn [aria-expanded=true] .expandable-title__less {
  display: none;
}

.expandable--buttonToRight .expandable-title {
  text-align: right;
  padding-right: 24px;
}

.expandable--noMargin {
  margin: 0;
}

.expandable--noMargin .expandable-title {
  height: auto;
  padding-bottom: 24px;
}

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

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

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

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

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

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

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

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

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

.expandable.account-informations .expandable-title {
  border-bottom: 1px solid #d1d1d1;
}

.expandable.account-informations .expandable-title h3 {
  margin: 0;
  line-height: 45px;
  padding: 0 15px;
}

.collapse-btn .more-less__more {
  display: none;
}

.collapse-btn .more-less__less {
  display: inline-block;
}

.collapse-btn.collapsed .more-less__more {
  display: inline-block;
}

.collapse-btn.collapsed .more-less__less {
  display: none;
}

.expandable__payment-details {
  margin-top: 10px;
  margin-bottom: 10px;
}

.expandable__payment-details .expandable-title {
  overflow: hidden;
  padding: 10px 30px 10px 0;
  text-align: center;
  background-color: transparent;
  border-top: 1px solid #dcdcdc;
}

.table {
  display: table;
}

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

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

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

.accountOverall-currency-nav-list a {
  min-width: 30px;
  display: block;
  margin: 0 auto 20px;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
}

.avatar-img-holder {
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 25px;
  background-image: url(../graphics/icons/icon_avatar.svg);
  background-color: #fff;
  overflow: hidden;
  background-size: 23px;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-transition: opacity .3s ease 0s;
  transition: opacity .3s ease 0s;
}

.overall-legend {
  margin-top: 15px;
}

.inline-search-holder .btn-search-inline .icon-search {
  font-size: 18px;
  font-size: 1.2rem;
  margin: 0;
}

.inline-search-holder .btn-search-inline .button-label {
  display: none;
}

.dropper {
  position: relative;
  display: table;
  width: 100%;
  min-height: 100px;
  margin: 20px 0;
  padding: 15px;
  border: 2px dotted #bec2c5;
}

.dropper span.info {
  display: table-cell;
  vertical-align: middle;
  font-family: 'kite_oneregular', sans-serif;
  text-align: center;
}

.contact-list-wrapper {
  padding: 0 15px;
}

.contact-list-wrapper .contact-list {
  padding: 20px 0;
}

.contact-list-wrapper .contact-list li {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #dedede;
  overflow: hidden;
}

.contact-list-wrapper .contact-list li .contact-img-holder {
  float: left;
  margin: 0 15px 0 0;
  border-radius: 20px;
}

.contact-list-wrapper .contact-list li .contact-name {
  font-size: 16px;
  font-size: 1.06667rem;
}

.contact-list-wrapper .contact-list li .contact-description {
  font-size: 13px;
  font-size: .86667rem;
  color: #404040;
}

.contact-list-wrapper .contact-list li .contact-amount {
  display: inline-block;
  margin: 3px 0;
  padding: 5px;
  border: 2px solid #eabd1c;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 700;
  color: #eabd1c;
}

.contact-img-holder {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  overflow: hidden;
  background-image: url(../graphics/icons/icon_avatar.svg);
  background-color: rgba(255,255,255,0.8);
  background-size: 18px;
  background-position: center center;
  background-repeat: no-repeat;
}

.saved-received {
  padding: 15px;
}

.saved-received--title {
  border-bottom: 1px solid #8e8e8e;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.contact-index {
  text-align: left;
}

.contact-index .index {
  display: block;
  margin-top: 15px;
  padding-left: 5px;
  border-top: 1px solid #dedede;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 700;
  text-transform: uppercase;
}

.contact-index .contact {
  position: relative;
  display: table;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #dedede;
}

.contact-index .contact .check-holder {
  display: table-cell;
  width: 40px;
  vertical-align: middle;
}

.contact-index .contact .contact-title {
  display: table-cell;
  vertical-align: middle;
}

.contact-index .contact .contact-image {
  display: table-cell;
  vertical-align: middle;
  width: 40px;
  padding: 0 15px;
}

.contact-index .contact .contact-image .contact-img-holder {
  margin: 10px 0;
}

.contact-index .contact:last-of-type {
  border-bottom: none;
}

.contact-index .contact:hover {
  background-color: fade(#e6e6e6, 20%);
}

.contact-index .contact:hover:after {
  font-family: "icomoon";
  content: "\e606";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -16.5px;
  font-size: 24px;
  font-size: 1.6rem;
}

.call-center-info__note.text-left {
  padding: 16px 16px;
  text-align: left;
}

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

.floating-menu {
  position: fixed;
  bottom: 10px;
  left: auto;
  right: 80px;
  width: 70px;
  line-height: 70px;
  margin: 0 auto;
  border-radius: 50px;
  text-align: center;
  background-color: #F36F20;
  color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
  box-shadow: 0 0 5px rgba(0,0,0,0.6);
  z-index: 9999;
  cursor: pointer;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.floating-menu:hover {
  background-color: #D65A10;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
}

.quick-access .title {
  display: inline-block;
  padding: 15px 0 15px;
  font-size: 24px;
  font-size: 1.6rem;
  color: #262626;
  font-weight: 300;
}

.main-account-tag {
  display: inline-block;
  font-size: 12px;
  font-size: .8rem;
  text-transform: uppercase;
  padding-top: 17px;
}

.preloader-wrapper {
  position: relative;
  min-height: 345px;
}

.preloader-wrapper .preloader {
  margin-top: -5px;
  display: block;
}

.preloader-overlay {
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background-color: transparent;
  z-index: 1;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.preloader-overlay.active {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.9);
}

.preloader-overlay.active .preloader {
  display: block;
}

.preloader {
  display: none;
  position: absolute;
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translate(-50%, -50%) rotate(360deg);
  -ms-transform: translate(-50%, -50%) rotate(360deg);
  transform: translate(-50%, -50%) rotate(360deg);
  z-index: 4;
}

.preloader.active {
  display: block;
}

.path {
  stroke-dasharray: 1, 500;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #F36F20;
}

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

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

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

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

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

.form-error {
  padding: 15px;
  margin: 15px 0;
  background-color: #de5b3e;
  color: #fff;
}

.form-error span[class^="icon-"] {
  position: relative;
  top: 2px;
  font-size: 1.4px;
  font-size: .09333rem;
  margin: 0 15px;
}

.inline-form-error {
  position: relative;
  padding: 15px 0 15px 30px;
  color: #de5b3e;
}

.inline-form-error:before {
  position: absolute;
  content: "\e616";
  font-family: 'icomoon';
  top: 50%;
  left: 0;
  margin-top: -14px;
  font-size: 1.4px;
  font-size: .09333rem;
}

.sort-and-filter-menu {
  position: relative;
  display: block;
  margin: 55px 0 40px;
}

.sort-and-filter-menu .menu-segment {
  position: relative;
  display: inline-block;
}

.sort-and-filter-menu .menu-segment .menu-btn {
  margin: 0 0 0 20px;
}

.sort-and-filter-menu .menu-segment .menu-btn span[class^="icon-"] {
  font-size: 22px;
  font-size: 1.46667rem;
  vertical-align: middle;
  top: 0;
  left: 10px;
}

.sort-and-filter-menu .menu-segment .menu--dropdown {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  width: 250px;
  padding: 20px;
  background-color: #e5e5e4;
  text-align: left;
  z-index: 999;
  font-size: .9px;
  font-size: .06rem;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  opacity: 0;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.sort-and-filter-menu .menu-segment .menu--dropdown legend {
  text-transform: uppercase;
  font-size: inherit;
  margin-bottom: 0;
  border-bottom: none;
  font-weight: 700;
}

.sort-and-filter-menu .menu-segment .menu--dropdown .options {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}

.sort-and-filter-menu .menu-segment .menu--dropdown .options li {
  border-bottom: 1px solid #7b7b7b;
  padding: 0 10px;
}

.sort-and-filter-menu .menu-segment .menu--dropdown .options li:last-child {
  border-bottom: none;
}

.sort-and-filter-menu .menu-segment .menu--dropdown .options label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  left: 35px;
  right: 15px;
  margin: 0;
  line-height: 50px;
  font-weight: 400;
}

.sort-and-filter-menu .menu-segment .menu--dropdown .options label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: #4d4d4d solid 1px;
  border-radius: 15px;
}

.sort-and-filter-menu .menu-segment .menu--dropdown .options input[type=radio] {
  display: none;
}

.sort-and-filter-menu .menu-segment .menu--dropdown .options input[type=radio]:checked+label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 20px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #f36f20;
}

.sort-and-filter-menu .menu-segment.active .menu-btn {
  color: #F36F20;
  position: relative;
}

.sort-and-filter-menu .menu-segment.active .menu-btn:after {
  position: absolute;
  content: "";
  top: 27px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #e5e5e4;
}

.sort-and-filter-menu .menu-segment.active .menu--dropdown {
  display: block;
  opacity: 1;
}

.short-underline {
  position: relative;
}

.short-underline:after {
  position: absolute;
  content: "";
  bottom: 60px;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 1px;
  background-color: #b5b5b5;
}

.post-page-title-button-holder {
  padding: 35px 0;
  text-align: right;
}

.chart-title.short-underline:after {
  bottom: 30px;
}

.settings-wrapper .data-panel {
  padding-bottom: 0px;
}

.settings-wrapper .data-panel--row.editable.in {
  margin: -1px 0;
}

.data-panel {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  margin-bottom: 10px;
  padding-bottom: 16px;
  padding-top: 0;
  border: 1px solid #e6e6e6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .data-panel--row.row>div[class^="col-"]+div[class^="col-"],
  .data-panel--row>div[class^="col-"]+div[class^="col-"] {
    width: 55%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.data-panel .custom-checkbox label {
  font-size: inherit;
  font-weight: inherit;
}

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

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

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

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

.additional-cards-inner {
  padding-top: 35px;
}

.card-data-wrapper {
  display: table;
  width: 100%;
}

.file-upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}

.file-upload .upload-label-text {
  display: none;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  padding: 0 20px;
  text-align: center;
  color: #fff;
}

.file-upload .hidden-upload-input {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.file-upload:hover {
  opacity: 1;
  background-color: rgba(0,0,0,0.5);
}

.file-upload:hover:after {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -40px;
  content: "\ea0a";
  font-family: "icomoon";
  font-size: 50px;
  font-size: 3.33333rem;
  color: #fff;
  opacity: 0.7;
  text-align: center;
}

.file-upload:hover .upload-label-text {
  display: none;
}

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

.rounded--relatived {
  position: relative;
}

.rounded--absoluted {
  position: absolute;
}

.main-account-label {
  font-size: 12px;
  font-size: .8rem;
  text-transform: uppercase;
  position: absolute;
}

@media only screen and (max-width: 1023px) {
  .main-account-label {
    top: 58px;
    left: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .main-account-label {
    right: 50px;
    top: 39px;
  }
}

.zoom_2 .main-account-label,
.zoom_3 .main-account-label {
  left: 25px;
  right: auto;
  top: 65px;
}

.maturity-alert {
  position: relative;
  font-size: 13px;
  font-size: .86667rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #2b8804;
}

.maturity-alert__icon {
  position: relative;
  font-size: 16px;
  font-size: 1.06667rem;
}

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

.carousel .carousel-control {
  top: 160px;
  margin-top: -10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #7f8080;
  text-shadow: none;
  opacity: 1;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

@media only screen and (min-width: 768px) {
  .carousel .carousel-control {
    font-size: 24px;
    font-size: 1.6rem;
    margin-top: -40px;
    top: 210px;
  }
}

@media only screen and (min-width: 1024px) {
  .carousel .carousel-control {
    font-size: 30px;
    font-size: 2rem;
    margin-top: -10px;
    top: 190px;
  }
}

.carousel .carousel-control--small {
  font-size: 8px;
  font-size: .53333rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.carousel .carousel-control:hover {
  color: #000 !important;
}

.carousel .carousel-control.left {
  background: none;
}

.carousel .carousel-control.right {
  background: none;
}

.carousel.modal-carousel .modal-carousel-control {
  font-size: 12px;
  font-size: .8rem;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100px;
  background-color: #fff;
  border: solid 1px #d9d9d9;
  color: gray;
}

.carousel.modal-carousel .modal-carousel-control.left {
  left: 24px;
}

.carousel.modal-carousel .modal-carousel-control.right {
  right: 24px;
}

.add-favorite-beneficiary-modal .modal-content {
  position: relative;
}

.add-favorite-beneficiary-modal .modal-content:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #F36F20;
}

.add-favorite-beneficiary-modal .modal-header {
  padding: 40px 30px;
  text-align: center;
  border-bottom: none;
}

.add-favorite-beneficiary-modal .modal-header .close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.add-favorite-beneficiary-modal .modal-header .back {
  position: absolute;
  top: 10px;
  left: 10px;
}

.add-favorite-beneficiary-modal .modal-header .modal-title {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 100;
  line-height: 1;
}

.add-favorite-beneficiary-modal .modal-header .modal-description {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  line-height: 1.2;
}

.add-favorite-beneficiary-modal .pagination {
  margin: 0;
}

.add-favorite-beneficiary-modal .beneficiary.load-details {
  text-align: left;
  margin: 0 auto;
  max-width: 400px;
}

.add-favorite-beneficiary-modal .beneficiary.load-details .beneficiary--info {
  margin: 0;
  text-align: left;
  display: inline-block;
  padding: 0;
  width: auto;
}

.modalWithCarousel.modal .close {
  color: #fff;
}

.modalWithCarousel.modal .modal-dialog {
  max-width: 450px;
}

.modalWithCarousel.modal .modal-body {
  padding: 0;
  margin: 0;
}

.modalWithCarousel.modal .modal-coverPopup {
  position: relative;
  padding: 0;
  border-radius: 10px;
  z-index: 1;
  overflow: hidden;
}

.modalWithCarousel.modal .modal-title--description {
  text-align: left;
  color: #fff;
}

.modalWithCarousel .modal-header {
  position: absolute;
  right: 0;
  z-index: 1;
  margin-top: 16px;
}

.modalWithCarousel .image-block {
  margin: 26px auto;
}

.modalWithCarousel .voucher-content {
  overflow: hidden;
}

.modalWithCarousel__title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 500 !important;
  color: #262626;
}

.modalWithCarousel__block {
  margin-bottom: 40px;
  padding: 32px 0 48px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.modalWithCarousel__subtitle {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold !important;
  margin: 0px auto 16px !important;
  text-align: left;
  color: #262626;
}

.modalWithCarousel__description {
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.3em;
  text-align: left;
  color: #262626;
}

.modalWithCarousel__description .list {
  margin-left: 15px;
  padding: 0;
}

.modalWithCarousel .modal-carousel-item {
  padding: 30px;
}

.modalWithCarousel .modal-carousel-item.next,
.modalWithCarousel .modal-carousel-item.prev {
  height: 100%;
}

.modalWithCarousel .modal-carousel-control {
  bottom: 16px;
  top: auto;
}

.modalWithCarousel .carousel-indicators {
  bottom: 12px;
}

.modalWithCarousel .carousel-indicators li {
  width: 5px;
  height: 5px;
  border: 0;
  margin: 0 2px;
  background-color: gray;
  opacity: .5;
}

.modalWithCarousel .carousel-indicators li.active {
  border: 0;
  opacity: 1;
}

.paysomeone-add-beneficiary-modal.modal .modal-dialog {
  margin-top: 50px;
}

.paysomeone-add-beneficiary-modal .modal-content {
  position: relative;
  max-width: 550px;
  margin: 0 auto;
}

.paysomeone-add-beneficiary-modal .beneficiaries .letter-group {
  padding-bottom: 8px;
}

.paysomeone-add-beneficiary-modal .inputMaterial__input {
  border-bottom: 0 !important;
  background-color: #fff;
}

.paysomeone-add-beneficiary-modal .search-and-action {
  padding: 16px;
  margin: 0;
}

.paysomeone-add-beneficiary-modal .search-and-action .search-holder {
  padding: 0;
  margin: 0;
}

.paysomeone-add-beneficiary-modal .switcher-menu--tab-holder--full>.switcher-menu {
  display: block;
  width: 100%;
  height: 50px;
}

@media only screen and (min-width: 768px) {
  .paysomeone-add-beneficiary-modal .switcher-menu--tab-holder--full>.switcher-menu {
    height: 70px;
  }
}

.paysomeone-add-beneficiary-modal .switcher-menu--tab-holder--full>.switcher-menu>li {
  display: table;
  vertical-align: middle;
  width: 50%;
}

.paysomeone-add-beneficiary-modal .switcher-menu--tab-holder--full>.switcher-menu>li.active {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.paysomeone-add-beneficiary-modal .switcher-menu--tab-holder--full>.switcher-menu>li>a {
  float: none;
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .paysomeone-add-beneficiary-modal .switcher-menu--tab-holder--full>.switcher-menu>li>a {
    height: 70px;
  }
}

.paysomeone-add-beneficiary-modal .close {
  position: absolute;
  width: 28px;
  height: 28px;
  right: 0px;
  top: -40px;
  background-color: #fff;
  opacity: 1;
  border-radius: 4px;
  color: #ccc;
}

@media only screen and (min-width: 768px) {
  .paysomeone-add-beneficiary-modal .close {
    right: -40px;
    top: 0px;
  }
}

@media only screen and (min-width: 768px) {
  .paysomeone-add-beneficiary-modal .payment__amount {
    text-align: right;
  }
}

.paysomeone-add-beneficiary-modal .recent-payments-list .payment__title,
.paysomeone-add-beneficiary-modal .recent-payments-list .payment__description {
  text-align: left;
  font-size: 14px;
  font-size: .93333rem;
  color: #4d4d4d;
}

.paysomeone-add-beneficiary-modal .recent-payments-list .payment__description {
  color: gray;
}

.paysomeone-add-beneficiary-modal .recent-payments-list .recent-payments-list__index {
  text-align: left;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 5px;
}

.paysomeone-add-beneficiary-modal .recent-payments-list .payment+.payment {
  border-top: 0;
}

.paysomeone-add-beneficiary-modal .modalPopup-iconHeight,
.paysomeone-add-beneficiary-modal .modalPopup-iconWidth {
  margin-top: 20px;
}

.paysomeone-add-beneficiary-modal .modal-body {
  padding: 0px !important;
  max-height: 600px;
}

.privacy-text {
  height: 350px;
  margin-top: 15px;
}

#termsAndConditions ul {
  list-style: disc;
}

.modalPopup-iconHeight {
  max-height: 64px;
}

.modalPopup-iconWidth {
  max-width: 64px;
}

.notificationsFlyout__message .modalPopup-iconWidth {
  width: 64px;
}

.modal .rememberMeActiveModal {
  max-width: 630px;
}

.modal .rememberMeActiveModal .modalPopup-iconHeight {
  max-height: 216px;
  max-width: 70%;
}

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

.modal .rememberMeActiveModal .modal-title--description {
  color: #4d4d4d;
  line-height: 1.43;
  max-width: 70%;
}

.modal .rememberMeActiveModal .modal-button-holder {
  margin-bottom: 32px;
}

.modal .rememberMeActiveModal .rememberMeActiveModal__activate {
  font-weight: 500;
  color: #4d4d4d;
  text-align: center;
  font-size: 14px;
  font-size: .93333rem;
  padding-bottom: 16px;
}

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

.transaction-list {
  padding-top: 20px;
}

.transaction-list--row {
  position: relative;
  padding: 10px 0;
  font-size: 15px;
  font-size: 1rem;
  border-bottom: 1px solid #e5e5e4;
}

.transaction-list--row .headling,
.transaction-list--row .overview--headling {
  padding: 4px 30px 0px 0px;
  font-size: 11px;
  font-size: .73333rem;
  color: #404040;
  text-transform: uppercase;
  width: 300px;
}

.transaction-list--row .cq-inner {
  display: block;
  padding: 4px 30px 0 0;
  width: 300px;
}

.transaction-list--row .view-details {
  display: block;
  padding: 0 10px;
  margin: 0;
}

.transaction-list--group:nth-child(2n) {
  background-color: #fafafa;
}

.transaction-list .details {
  background-color: #e6e6e6;
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.05) inset;
  box-shadow: 0 3px 3px rgba(0,0,0,0.05) inset;
}

.transaction-list .mobile-blocked {
  display: block;
}

.info-with-popup {
  position: relative;
  display: inline-block;
}

.info-with-popup .info-popup {
  display: none;
  position: absolute;
  width: 250px;
  min-height: 100px;
  right: -20px;
  margin-top: 0;
  font-size: 13px;
  font-size: .86667rem;
  padding: 25px 20px 20px;
  background-color: #fff;
  border: 1px solid #cccccc;
}

.info-with-popup .info-popup .close {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0.9;
}

.info-with-popup.active:before {
  position: absolute;
  content: "";
  top: 35px;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 15px solid #ccc;
  z-index: 500;
}

.info-with-popup.active:after {
  position: absolute;
  content: "";
  top: 35px;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  margin-top: 1px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 15px solid #fff;
  z-index: 500;
}

.info-with-popup.active .info-popup {
  display: block;
  z-index: 500;
}

.info-with-popup span[class^="icon-"] {
  cursor: pointer;
}

.blocked-accounts {
  padding-top: 20px;
  background-color: #f5f5f5;
}

.standalone-filter {
  position: relative;
  display: inline-block;
}

.standalone-filter .btn {
  position: relative;
}

.standalone-filter .btn.active:after,
.standalone-filter .btn.active:after,
.standalone-filter .btn.active:before,
.standalone-filter .btn.active:before {
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -6px;
  content: "";
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 1px 0 0 1px;
  height: 12px;
  width: 12px;
  z-index: 9999;
}

.standalone-filter .transactions-adjust-menu {
  margin-top: 9px;
}

.modal {
  z-index: 99999;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal .modal-body .inputMaterial .input-amount {
  text-align: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal .insert-activation-code .inputMaterial__input {
  padding: 8px 7px 8px;
  text-align: center;
}

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

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

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

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

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

.modal .modal-dialog {
  margin: 30px auto 0;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .insert-activation-code.inputMaterial.small .inputMaterial__input {
  padding: 8px 7px 8px;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .form-group {
  margin: 0px;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .form-group--details {
  padding-top: 8px;
  line-height: 1.2;
  display: inline-block;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .form-group--date {
  text-align: left;
  color: #4d4d4d;
  font-weight: 500;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .form-group--date .text-light {
  color: #4d4d4d;
  font-weight: 300;
  font-size: 12px;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .form-group--date .inputMaterial {
  width: 50px;
  display: inline-block;
  vertical-align: middle;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .form-group--date .inputMaterial+.inputMaterial {
  margin-left: 20px;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .form-group--date .inputMaterial+.inputMaterial:before {
  content: '/';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: -15px;
  top: 10px;
  font-size: 18px;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal.wide-modal .modal-dialog .modal-content .modal-header.panel-payments-header {
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .modal.wide-modal .modal-dialog .modal-content .modal-header.panel-payments-header {
    padding: 5px 35px;
  }
}

.modal.wide-modal .modal-dialog .modal-content .modal-header.panel-payments-header h1 {
  line-height: 45px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal.rds-modal .form-group {
  margin-bottom: 32px;
}

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

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

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

.modal .modal-footer__note {
  position: relative;
  padding-left: 50px;
  font-size: 11px;
  font-size: .73333rem;
  color: gray;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.selectImgFromPCBtn {
  margin-top: 16px;
}

.full-width-tab-menu {
  background-color: #f5f5f5;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
  padding-right: 56px;
}

.full-width-tab-menu li {
  float: left;
  width: 50%;
}

.full-width-tab-menu li a {
  color: #4d4d4d;
  padding-top: 20px;
  padding-bottom: 20px;
}

.full-width-tab-menu li.active a {
  font-weight: 700;
  background-color: #fff;
  color: #F36F20;
}

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

.modal__search-holder .inputMaterial.add-search-icon:before {
  margin-top: -12px;
}

.modal__search-holder .inputMaterial .inputMaterial__input {
  height: 40px;
  padding-top: 8px;
}

.modal__search-holder .inputMaterial .inputMaterial__input[value]:not([value=""])+.inputMaterial__label,
.modal__search-holder .inputMaterial .inputMaterial__input:not(:empty)+.inputMaterial__label,
.modal__search-holder .inputMaterial .inputMaterial__input:focus+.inputMaterial__label,
.modal__search-holder .inputMaterial .inputMaterial__input[readonly="readonly"]+.inputMaterial__label {
  top: 6px;
}

.modal__search-holder .inputMaterial .inputMaterial__label {
  top: 12px;
}

.modal__search-holder .inputMaterial .inputMaterial__label.active {
  top: 6px;
}

.postLoginModal .modal-dialog {
  max-width: 640px;
}

@media only screen and (min-width: 768px) {
  .postLoginModal .modal-dialog {
    width: 100%;
  }
}

.ie8 .postLoginModal .modal-dialog {
  width: 100%;
}

.postLoginModal .close-modal {
  z-index: 21;
}

.postLoginModal .modal-body {
  padding: 0 0 30px;
}

.postLoginModal__imageCont {
  position: relative;
  overflow: hidden;
  max-height: 245px;
}

.postLoginModal__imageCont:before {
  content: '';
  padding-top: 39%;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .postLoginModal__imageCont:before {
    padding-top: 66%;
  }
}

.postLoginModal__image {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media only screen and (max-width: 767px) {
  .postLoginModal__image {
    width: auto;
  }
}

.ie8 .postLoginModal__image {
  left: 0;
}

.postLoginModal__videoContainer {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 5%);
  -ms-transform: translate(0, 5%);
  transform: translate(0, 5%);
  background-color: #fff;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.postLoginModal__videoContainer:before {
  content: '';
  padding-top: 56.25%;
  display: inline-block;
}

.postLoginModal__videoContainer.videoActive {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
  z-index: 9;
}

.postLoginModal__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.postLoginModal .idm-player {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.postLoginModal__button {
  position: relative;
  z-index: 2;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.ie8 .postLoginModal__button {
  margin-top: -23px;
}

.postLoginModal__button:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  border-color: transparent transparent transparent #fff;
  border-width: 7px 0 7px 7px;
}

.postLoginModal__textCover {
  max-width: 80%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .postLoginModal__textCover {
    max-width: 100%;
    padding: 0px 20px;
  }
}

.postLoginModal__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  margin: 0;
}

.postLoginModal__text {
  font-size: 14px;
  font-size: .93333rem;
  margin: 25px 0 0;
}

.security-modal__modal-title {
  font-size: 16px !important;
  font-size: 1.06667rem !important;
  font-weight: 700;
  margin-bottom: 32px;
}

.security-modal__modal-description {
  font-size: 14px !important;
  font-size: .93333rem !important;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 16px;
}

.security-modal__modal-description--noTopMargin {
  margin-top: 0;
}

.security-modal__modal-message {
  font-size: 14px !important;
  font-size: .93333rem !important;
  font-weight: 700;
  line-height: 1.1;
  color: #DE5B3D;
  margin-bottom: 16px;
}

.security-modal__form-group {
  margin-bottom: 32px;
}

.QRCodeImageWrapper {
  margin-bottom: 35px;
}

.QRCodeImage {
  height: 140px;
}

.modalHeaderWithTabs {
  background-color: #e6e6e6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}

.modalHeaderWithTabs__closeBtnWrapper {
  display: table;
  float: right;
  width: 65px;
  text-align: center;
}

.modalHeaderWithTabs__closeBtnWrapper .close {
  display: table-cell;
  height: 65px;
  width: 100%;
  margin: 0;
  padding: 0;
}

.modalHeaderWithTabs__tabsWrapper {
  overflow: hidden;
}

.modalHeaderWithTabs__tabsWrapper .loginTabs>li>a {
  height: 65px;
}

.modalHeaderWithTabs+.modal-body {
  padding-top: 50px;
}

.search-tip {
  display: none;
  padding: 50px 0;
  font-family: 'kite_oneregular', sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
  color: #404040;
}

.news-carousel {
  position: relative;
  height: 115px;
}

.news-carousel .carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news-carousel .carousel-indicators {
  top: 10px;
  bottom: auto;
  left: auto;
  right: 10px;
  margin: 0;
  width: auto;
}

.news-carousel .carousel-indicators li {
  border: none;
  width: 6px;
  height: 6px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  background-color: #CCC;
}

.news-carousel .carousel-indicators li.active {
  border: none;
  background-color: #F36F20;
}

.news-carousel .carousel-inner {
  height: 100%;
}

.news-carousel .carousel-inner .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news-carousel .carousel-inner .item .carousel-caption {
  position: static;
  padding: 15px 20px;
  text-align: left;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 300;
  text-shadow: none;
  color: #4d4d4d;
}

.news-carousel .carousel-inner .item .carousel-caption .date {
  font-size: 12px;
  font-size: .8rem;
  color: #404040;
}

.news-carousel .carousel-inner .item .carousel-caption .title {
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1;
  border-bottom: 1px solid #d7d6d6;
}

.news-carousel .carousel-inner .item .carousel-caption .body {
  line-height: 1.1;
}

.news-carousel .carousel-inner .item .carousel-item-link {
  position: absolute;
  bottom: 10px;
  right: 15px;
}

.news-carousel .carousel-inner .item .carousel-item-link span[class^="icon-"] {
  display: inline-block;
  font-size: 13px;
  font-size: .86667rem;
}

.cookie-notification {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 100%;
  padding: 15px 0 5px;
  background-color: #fff;
  background-color: rgba(255,255,255,0.85);
  z-index: 9;
}

@media only screen and (min-width: 768px) {
  .cookie-notification {
    padding: 15px 0;
  }
}

.cookie-notification--text {
  font-size: 14px;
  font-size: .93333rem;
  margin-bottom: 15px;
  line-height: 1.1;
}

@media only screen and (min-width: 768px) {
  .cookie-notification--text {
    margin-bottom: 0;
  }
}

.logout-icon {
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}

.nothing-to-show {
  padding: 50px 0;
  text-align: left;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  color: #404040;
  text-align: center;
  background-image: url(../graphics/bg_witty_save.svg);
}

.nothing-to-show>.icon-icon-info-alert {
  font-size: 14px;
  font-size: .93333rem;
}

.filter-holder .filter-btn {
  position: relative;
}

.filter-holder.active .filter-btn:before,
.filter-holder.active .filter-btn:after {
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -6px;
  content: "";
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 1px 0 0 1px;
  height: 12px;
  width: 12px;
  z-index: 9999;
}

.filter-holder.active .filter-btn:before {
  margin-top: -1px;
  border-bottom: 12px solid #e6e6e6;
}

.filter-holder.active .filter-menu {
  display: block;
  opacity: 1;
}

.filter-holder .filter-menu {
  display: none;
  position: absolute;
  right: 0;
  width: 100%;
  margin-top: 10px;
  padding: 25px;
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
  z-index: 100;
  opacity: 0;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.filter-holder .filter-menu fieldset {
  margin-bottom: 30px;
}

.filter-holder .filter-menu legend {
  font-size: inherit;
  margin-bottom: 10px;
  border-bottom: none;
  font-weight: 700;
  color: #4d4d4d;
  text-transform: uppercase;
}

.filter-holder .filter-menu label {
  font-weight: 300;
}

.filter-holder .filter-menu .menu-input {
  width: 100%;
}

.filter-holder .filter-menu.single-column {
  max-width: 320px;
  padding: 20px;
}

.filter-holder .filter-menu .custom-radio-group {
  border-bottom: 1px solid #9b9b9b;
}

.filter-holder .filter-menu .custom-radio-group.bulkPaymentsFilter__radioGroup {
  border-bottom: 1px solid transparent;
}

.filter-holder .filter-menu .custom-radio-group.bulkPaymentsFilter__radioGroup li+li {
  border-top: 1px solid transparent;
}

.filter-holder .filter-menu .custom-radio-group li+li {
  border-top: 1px solid #9b9b9b;
}

.filter-holder .filter-menu .inline-form-element {
  padding-bottom: 15px;
}

.filter-holder .filter-menu .menu-datepicker {
  background: transparent;
  line-height: 20px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: 105px;
  text-align: right;
  border: none;
  margin-right: 7px;
}

.filter-holder .filter-menu .datepicker-field-holder.standalone {
  padding: 10px 0;
}

.filter-holder .filter-menu .datepicker-field-holder .datepicker-field-label {
  float: left;
  width: 70px;
}

.filter-holder .filter-menu .datepicker-field-holder .datepicker-field {
  display: inline;
  overflow: hidden;
  text-align: right;
}

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

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

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

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

.nav--headling {
  margin-top: 32px;
  margin-bottom: 32px;
}

.nav--headling .btn-back {
  font-size: 12px;
  font-size: .8rem;
  font-weight: 600;
  color: #4d4d4d;
}

.nav--headling .btn-back span {
  padding-right: 14px;
}

@media only screen and (min-width: 1024px) {
  .overview--headling {
    border-bottom: 0;
  }
}

.ie8 .overview--headling {
  padding-bottom: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .overview--headling {
    margin: 0 -10px;
  }
}

.overview--headling .page-title {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .overview--headling .page-title {
    display: inline-block;
    vertical-align: middle;
  }

  .overview--headling .page-title h1 {
    margin: 0;
    padding: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .overview--headling .page-title {
    width: 68%;
  }
}

@media only screen and (min-width: 1024px) {
  .overview--headling .dropdown-holder {
    display: inline-block;
    width: 32%;
    vertical-align: middle;
  }
}

.overview--headling .btn-holder {
  text-align: right;
  margin: 15px 10px 0 10px;
}

@media only screen and (min-width: 1024px) {
  .overview--headling .btn-holder {
    display: inline-block;
    width: 32%;
    margin: 0;
  }
}

.overview--headling .dropdown.quick-access {
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px #e6e6e6;
  line-height: inherit;
}

.overview--headling .dropdown.quick-access button {
  line-height: 40px;
  padding: 0 10px;
  background-color: transparent;
  text-align: left;
  font-size: 14px;
  font-size: .93333rem;
  color: #262626;
  font-weight: normal;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .overview--headling .dropdown.quick-access .custom-caret {
    right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .overview--headling .dropdown.quick-access .custom-caret {
    width: 40px;
    height: 100%;
    color: gray;
  }
}

.overview--headling .dropdown.quick-access .custom-caret:after {
  top: 0;
  margin-top: 0;
  bottom: 0;
  font-size: 8px;
  font-size: .53333rem;
  text-align: center;
  font-style: normal;
}

@media only screen and (min-width: 1024px) {
  .overview--headling .dropdown.quick-access.disabled {
    border: 1px solid #E2E2E2;
  }

  .overview--headling .dropdown.quick-access.disabled button {
    color: #D2D2D2;
  }
}

@media only screen and (min-width: 1024px) {
  .overview--headling .dropdown.quick-access.disabled .custom-caret {
    border-left: 1px solid #E2E2E2;
    color: #BBBABA;
    background-color: #f5f5f5;
  }
}

.overview--headling .progressbar-wrapper {
  display: inline-block;
  width: 32%;
  vertical-align: middle;
}

.overview--headling .progressbar {
  float: right;
  margin: 0;
}

#savingAccountsTab .page-title h2,
#housingSavingsTab .page-title h2 {
  margin-top: 0;
  margin-left: 2px;
}

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

.switcher-menu--tab-holder {
  margin: 24px 0px;
}

.wrapper-paddingTop {
  padding-top: 74px;
}

.wrapper-paddingBott {
  padding-bottom: 74px;
}

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

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

.no-data--icon {
  max-width: 104px;
}

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

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

.img-responsive--centered {
  margin: 0 auto;
}

.list--inline-blocked {
  display: inline-block;
  list-style: none;
}

.fixed-button-wrapper {
  margin-bottom: 20px;
}

.fixed-button-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.fixed-button-wrapper__pure-lineup {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f5f5f5;
  padding: 15px 15px 15px 30px;
  border-top: 1px solid #e6e6e6;
}

.blurred-background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../graphics/beneficiaries_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

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

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

.due-notification {
  margin: 0 0 8px;
  padding: 16px 25px;
  background-color: #e1e1e1;
  border-radius: 4px;
}

@media only screen and (min-width: 1024px) {
  .due-notification {
    margin: 16px 0 8px;
  }
}

@media only screen and (max-width: 767px) {
  .due-notification>div {
    display: block;
  }
}

.due-notification .due-notification-title {
  position: relative;
  color: #262626;
  font-size: 14px;
  font-size: .93333rem;
  padding-left: 40px;
}

@media only screen and (max-width: 767px) {
  .due-notification .due-notification-title {
    padding-left: 26px;
  }
}

.due-notification .due-notification-title .icon-icon-info-alert {
  font-size: 16px;
  font-size: 1.06667rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}

.due-notification .due-notification-title .icon-in-notification {
  font-size: 16px;
  font-size: 1.06667rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}

.due-notification .due-notification-desc,
.due-notification .due-notification-amt {
  line-height: 1.1;
}

.due-notification .due-notification-amt {
  padding: 16px 0;
  display: block;
}

@media only screen and (min-width: 768px) {
  .due-notification .due-notification-amt {
    padding: 4px 16px;
    display: inline-block;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 767px) {
  .due-notification .due-notification-amt+.due-notification-amt {
    border-top: 1px solid #ccc;
  }
}

@media only screen and (min-width: 768px) {
  .due-notification .due-notification-amt+.due-notification-amt {
    border-left: 1px solid #ccc;
  }
}

@media only screen and (max-width: 767px) {
  .due-notification .seperator+.seperator {
    border-top: 1px solid #ccc;
  }
}

@media only screen and (min-width: 768px) {
  .due-notification .seperator+.seperator {
    border-left: 1px solid #ccc;
  }
}

@media only screen and (max-width: 767px) {
  .due-notification .text-direction-right {
    text-align: left;
  }
}

.due-notification .amount-text,
.due-notification .currency-label {
  font-size: 14px;
  font-size: .93333rem;
}

.due-notification__success {
  background-color: #e3eede;
}

.due-notification__warning {
  background-color: #f8ebbc;
}

.due-notification__danger {
  background-color: #DE5B3D;
}

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

.p-text,
.p-text--no-margin,
.p-text--no-margin--large {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.25;
}

.p-text--no-margin,
.p-text--no-margin--large {
  margin: 0;
}

.p-text--no-margin--large {
  margin: 0;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.25;
}

.overflow-hidden-wrapper {
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .clear-padding-left-on-col-sm {
    padding-left: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .padding-left_15 {
    padding-left: 15px !important;
  }

  .edit-transaction-col {
    height: 350px;
    border-bottom: none;
    border-right: 1px solid #ccc;
  }

  .edit-transaction-col:last-child {
    border-right: none;
  }
}

.contact-large {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
}

.phone-contact__on-touch-devices {
  display: inline-block;
}

.phone-contact__on-desktop {
  display: none;
}

.no-touch .phone-contact__on-touch-devices {
  display: none;
}

.no-touch .phone-contact__on-desktop {
  display: inline-block;
}

.connectedSortable .panel-disabled {
  margin-top: 16px;
}

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

.bottom__bg-white {
  background-color: #fff;
}

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

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

.tooltip__limitsInfoContent {
  display: none;
}

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

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

  .tooltip__limitsInfoContent.showLimits .limits-info__row+.limits-info__row {
    border-top: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.containerActivities {
  background-image: -webkit-linear-gradient(107deg, #F08E00, #F36F20);
  background-image: linear-gradient(343deg, #F08E00, #F36F20);
  padding: 32px;
  min-height: 275px;
}

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

.containerActivities__titleIcon {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
}

.containerActivities__subtitle {
  padding-top: 2px;
  font-size: 12px;
  font-size: .8rem;
  color: #fff;
  margin: 8px 0 0;
}

.containerActivities__number {
  font-size: 110px;
  font-size: 7.33333rem;
  font-weight: bold;
  text-align: right;
  color: #fff;
  margin-bottom: 0;
  line-height: 1;
}

.containerActivities__subNumber {
  font-size: 12px;
  font-size: .8rem;
  font-weight: 500;
  text-align: right;
  color: #fff;
  margin-bottom: 0;
}

.iconFailer {
  color: white;
  margin-left: 10px;
}

.failer_advise {
  border-radius: 1px;
  background-image: -webkit-linear-gradient(149deg, #4c4c4c, #3f3f3f);
  background-image: linear-gradient(301deg, #4c4c4c, #3f3f3f);
  width: 90%;
}

.title_advise {
  font-size: 12px;
  font-size: .8rem;
  font-weight: bold;
  letter-spacing: 0.4px;
  color: #fff;
  margin-top: 24px;
  display: inline-block;
  padding: 12px 18px;
}

.text_advise {
  font-size: 12px;
  font-size: .8rem;
  color: #fff;
  padding: 12px 16px;
}

.InfoText {
  position: relative;
  margin-top: 26px;
  font-size: 14px;
  font-size: .93333rem;
}

.InfoText.small {
  font-size: 10px;
  font-size: .66667rem;
}

.InfoText__icon {
  position: absolute;
  font-size: 16px;
  font-size: 1.06667rem;
  top: 0;
  left: 0;
  color: gray;
}

.InfoText__icon span[class^="icon-"] {
  font-size: 16px;
  font-size: 1.06667rem;
  vertical-align: middle;
}

.InfoText__cover {
  padding-left: 26px;
  line-height: 1.6;
  color: gray;
}

.InfoText__cover p {
  margin-bottom: 5px;
}

.InfoText__cover>*+* {
  margin: 16px 0 0;
}

.InfoText__cover .InfoText__details {
  margin: 0;
  font-size: 12px;
  font-size: .8rem;
}

.textTooltipTitle {
  width: 201px;
  font-size: 18px;
  font-size: 1.2rem;
  letter-spacing: 0.2px;
  color: #262626;
}

.textTool {
  font-size: 10px;
  font-size: .66667rem;
}

.contracting_saving {
  border-radius: 1px;
  background-color: #fff;
  border: solid 1px #e6e6e6;
  padding: 32px 40px;
}

.contracting_banner {
  background-image: -webkit-linear-gradient(130deg, #f08e00, #f36f20);
  background-image: linear-gradient(320deg, #f08e00, #f36f20);
  padding: 12px;
}

@media only screen and (min-width: 768px) {
  .contracting_banner {
    padding: 16px;
  }
}

.iconContracting {
  color: #fff;
  float: left;
  padding: 12px;
}

@media only screen and (min-width: 768px) {
  .iconContracting {
    padding: 10px;
  }
}

.titleBanner {
  line-height: 1.5;
  color: #fff;
  margin-left: 34px;
}

.textBanner {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.5;
  margin-left: 34px;
  color: #fff;
}

.title_contracting {
  font-size: 18px;
  font-size: 1.2rem;
  letter-spacing: 0.2px;
  color: #262626;
  margin-bottom: 24px;
}

.column_style {
  font-size: 12px;
  font-size: .8rem;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #4c4c4c;
  padding-bottom: 32px;
}

.number_style {
  font-size: 12px;
  font-size: .8rem;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-align: right;
  color: #2b8804;
}

.number_style2 {
  font-size: 12px;
  font-size: .8rem;
  letter-spacing: 0.2px;
  text-align: right;
  color: #262626;
}

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

.legalis__title {
  margin: 8px auto 16px auto;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 500;
  color: #262626;
}

.legalis__subtitle {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  text-align: left;
  padding-bottom: 16px;
  display: inline-block;
  color: #262626;
}

.legalis__paragraph {
  font-size: 12px;
  line-height: 1.5;
  color: #808080;
}

.unRead:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 0;
  margin-top: -4px;
  background-color: #F36F20;
  border-radius: 50%;
}

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

.tc-orange-light {
  color: #f39300;
}

.modal-Loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  border-radius: 10px;
  z-index: 10;
}

.bg-round {
  position: relative;
  font-size: 10px;
  font-size: .66667rem;
}

.bg-round:before {
  z-index: 2;
  position: relative;
  padding-left: 6px;
  padding-right: 4px;
}

.bg-round:after {
  z-index: 1;
  position: absolute;
  content: "";
  text-align: center;
  height: 24px;
  width: 24px;
  left: -2px;
  top: -7px;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  line-height: 24px;
  border-radius: 50%;
  color: #808080;
}

.bg-round.medium {
  font-size: 16px;
  font-size: 1.06667rem;
}

.bg-round.medium:before {
  height: 40px;
  width: 40px;
  line-height: 40px;
}

.bg-round.medium:hover {
  background-color: #f5f5f5;
}

.bg-round.medium:after {
  height: 40px;
  width: 40px;
  line-height: 40px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-top-24 {
  margin-top: 24px;
}

li[data-number] {
  position: relative;
  list-style: none;
}

li[data-number]:after {
  position: absolute;
  left: -30px;
  top: 8px;
  content: attr(data-number);
}

li.removeNumber {
  list-style-type: none;
}

.boxSide {
  padding: 26px 32px;
  display: inline-block;
}

.boxSide__title {
  color: #262626;
  display: block;
  margin-bottom: 12px;
}

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

.boxSide__title .title {
  font-size: 18px;
  font-size: 1.2rem;
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
}

.boxSide__title .icon-info {
  padding-top: 4px;
  float: right;
  color: gray;
}

.boxSide__subTitle .subTitle {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(129deg, #4c4c4c, #3f3f3f);
  background-image: linear-gradient(321deg, #4c4c4c, #3f3f3f);
  color: white;
  font-size: 12px;
  font-size: .8rem;
}

.boxSide__table {
  padding: 22px 0;
  width: 100%;
  display: table;
}

.boxSide__table .tr {
  display: table-row;
  font-size: 12px;
  font-size: .8rem;
  padding: 8px 0;
}

.boxSide__table .tr .td {
  display: table-cell;
  padding: 6px 0;
}

.boxSide__table--data {
  display: table;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
}

.chart-title {
  font-size: 16px;
  font-size: 1.06667rem;
}

.boxSide__chartPerformance {
  border-top: 1px solid #e6e6e6;
}

.boxSide__chartLegend {
  display: block;
  padding: 16px 8px;
}

.boxSide__chartLegend--info {
  padding-bottom: 8px;
}

.chart-legend-icon {
  width: 12px;
  height: 12px;
  border-radius: 19px;
  display: inline-block;
  margin-right: 6px;
  margin-top: 8px;
}

.chart-legend-icon.icon-fond {
  background-color: #009091;
}

.chart-legend-icon.icon-benchmark {
  background-color: #92dbdb;
}

.chart-legend-info {
  font-size: 12px;
  font-size: .8rem;
  vertical-align: text-bottom;
}

.discoveryNew_header {
  background-color: #FF8100;
  border-bottom: 1px solid #e6e6e6;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .discoveryNew_header {
    width: 100%;
    padding: 24px;
  }
}

.inner_spacer {
  margin: 0 24px;
}

.modal-footer__branch {
  font-size: 14px;
  font-size: .93333rem;
}

.modal-footer__branch .icon-hall {
  display: block;
  margin-bottom: 16px;
  font-size: 24px;
  font-size: 1.6rem;
}

.modal-footer__branch .userData__branchOpeningHours {
  display: inline-block;
  margin-top: 6px;
  font-weight: 500;
}

.gsmVoucherExpandable.optional-fields .payment__expandable {
  padding-right: 0 !important;
}

.gsmVoucherExpandable .expandable-title {
  padding-right: 24px;
}

.gsmVoucherExpandable .transfer--details {
  background-color: #e6e6e6;
}

.smartCardTab__img {
  margin: 30px 0;
}

.cardsSettingsAndHelpPanel {
  padding: 8px;
}

.cardsSettingsAndHelpPanel .main-title {
  margin-top: 0;
}

.cardsSettingsAndHelpPanel .account-overview {
  padding-top: 0;
}

.cardsSettingsAndHelpPanel .account-overview .payment__expandable {
  margin: 0;
}

.cardsSettingsAndHelpPanel .account-overview .account-overview__cover {
  padding: 0;
}

.cardsSettingsAndHelpPanel .account-overview+.line-chart {
  margin-top: 24px;
}

.cardsSettingsAndHelpPanel .line-chart {
  padding: 0;
}

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

@media only screen and (min-width: 768px) {
  .cardsSettingsAndHelpPanel {
    padding: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .cardsSettingsAndHelpPanel .contextual-tip {
    margin: 0 12px;
  }
}

@media only screen and (max-width: 1023px) {
  .cardsSettingsAndHelpPanel .contextual-tip .contact-large {
    text-align: left;
  }
}

.cardsSettingsAndHelpPanel .data-panel {
  border: 0;
}

.cardsSettingsAndHelpPanel .data-panel .title,
.cardsSettingsAndHelpPanel .data-panel .data-panel--row {
  margin: 0;
}

.semiStrong {
  font-weight: 500;
}

.enableAnimationUsabilla {
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.hideUsabilla {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 1039;
  background-color: #F36F20;
}

.header.no-notifications #notificationsWidget {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .header.no-notifications .header--actions {
    width: 140px;
  }
}

.header.no-notifications .search-holder {
  right: 140px;
}

@media only screen and (min-width: 768px) {
  .header {
    height: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .header {
    background: none;
    height: 70px;
    position: relative;
    width: 100%;
    border-bottom: none;
    z-index: 11;
  }
}

.header h1 {
  margin: 0;
  padding: 16px 0 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
  font-weight: normal;
}

@media only screen and (min-width: 768px) {
  .header h1 {
    padding: 17px 0 0;
    font-size: 24px;
    font-size: 1.6rem;
    font-weight: 300;
  }
}

@media only screen and (min-width: 1024px) {
  .header h1 {
    position: absolute !important;
    left: -99999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}

@media only screen and (min-width: 1024px) {
  .header .container-header {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
}

.header--actions {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0 10px;
}

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

@media only screen and (min-width: 1024px) {
  .header--actions {
    position: static;
    float: right;
    width: 210px;
    padding: 0;
    background: #F36F20;
    background: -webkit-linear-gradient(315deg, #F36F20 44%, #F08E00 69%);
    background: linear-gradient(135deg, #F36F20 44%, #F08E00 69%);
  }

  .header--actions.alex {
    width: 140px;
  }
}

@media only screen and (max-width: 767px) {
  .header--actions.hide-on-mobile {
    display: none;
  }
}

.header--actions>div {
  font-size: 23px;
  font-size: 1.53333rem;
}

@media only screen and (min-width: 1024px) {
  .header--actions>div {
    display: inline-block;
    width: 33.333333333333%;
    list-style: none;
    font-size: 24px;
    font-size: 1.6rem;
    border-left: 1px solid #fff;
    border-left: 1px solid rgba(255,255,255,0.2);
  }

  .header--actions>div:last-child {
    border-left: none;
  }
}

.header--actions>div>a,
.header--actions>div>button {
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 70px;
  padding: 0;
}

@media only screen and (min-width: 1024px) {
  .header--actions>div>a,
  .header--actions>div>button {
    display: block;
    width: 70px;
    height: 70px;
    display: block;
    vertical-align: middle;
    color: #fff;
  }
}

.header--actions>div .notificationFlyoutToggle,
.header--actions>div .avatarFlyoutToggle {
  position: relative;
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 50px;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .header--actions>div .notificationFlyoutToggle,
  .header--actions>div .avatarFlyoutToggle {
    width: 25px;
    height: 60px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .header--actions>div .notificationFlyoutToggle,
  .header--actions>div .avatarFlyoutToggle {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    border-top: none;
    border-bottom: none;
  }

  .header--actions>div .notificationFlyoutToggle:hover .badge,
  .header--actions>div .avatarFlyoutToggle:hover .badge {
    border: 2px solid #f5f5f5;
  }
}

.header--actions>div .notificationFlyoutToggle .badge,
.header--actions>div .avatarFlyoutToggle .badge {
  position: absolute;
  top: 22px;
  right: -7px;
  font-size: 13px;
  font-size: .86667rem;
  color: #F36F20;
  background-color: #fff;
  border: 2px solid #F36F20;
  padding: 1px 4px;
}

@media only screen and (min-width: 768px) {
  .header--actions>div .notificationFlyoutToggle .badge,
  .header--actions>div .avatarFlyoutToggle .badge {
    top: 30px;
    right: -5px;
  }
}

@media only screen and (min-width: 1024px) {
  .header--actions>div .notificationFlyoutToggle .badge,
  .header--actions>div .avatarFlyoutToggle .badge {
    position: absolute;
    top: 32px;
    right: 14px;
    font-size: 11px;
    font-size: .73333rem;
    background-color: #fff;
    color: #F36F20;
    border: 2px solid #fff;
  }
}

.header--actions>div .notificationFlyoutToggle.activate-submenu.submenu-active:after,
.header--actions>div .avatarFlyoutToggle.activate-submenu.submenu-active:after {
  position: absolute;
  content: "";
  bottom: -6px;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -15px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #f7f7f7;
}

.header--actions>div.active {
  position: relative;
}

.header--actions>div.active:after {
  position: absolute;
  content: "";
  bottom: -6px;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -15px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #4d4d4d;
}

.header--actions--submenu {
  display: none;
  position: absolute;
  right: 0;
  width: 350px;
  margin-top: 5px;
  padding: 35px 30px;
  color: #4d4d4d;
  background-color: #f7f7f7;
  white-space: nowrap;
  z-index: 1000;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.header--actions--submenu .title {
  font-size: 35px;
  font-size: 2.33333rem;
  font-weight: 300;
  border-bottom: 1px solid #e0e0e0;
}

.header--actions--submenu ul {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}

.header--actions--submenu ul li {
  float: none;
  display: block;
  width: 100%;
}

.header--actions--submenu ul li a {
  display: block;
  padding: 10px 30px;
  margin: 0 -30px;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 400;
  color: #4d4d4d;
  border: none;
  height: auto;
  width: auto;
  line-height: 1.4em;
  background-color: transparent;
  text-align: left;
}

.header--actions--submenu ul li a:hover {
  background-color: #e6e6e6;
}

.header--actions--submenu ul li a.active {
  font-weight: 700;
  color: #F36F20;
}

.header--actions--submenu.visible {
  display: block;
}

.header .search-and-actions {
  position: relative;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
}

.header .mobile-menu {
  z-index: 1;
  width: 100%;
}

.header .mobile-menu .slide {
  -webkit-transition: -webkit-transform 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.header .mobile-menu .slide.menu-close {
  z-index: 1;
}

.header .mobile-menu .slide.menu-open {
  z-index: 2;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media only screen and (max-width: 767px) {
  .blockScrollMenu .header .mobile-menu+.search-and-actions {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }

  .blockScrollMenu .header .mobile-menu .slide.menu-close {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }

  .blockScrollMenu .header .mobile-menu .slide.menu-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.header .mobile-menu .menu-toggle-btn,
.header .mobile-menu .return-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  line-height: 50px;
  padding: 0 12px;
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
  color: #fff;
  opacity: 1;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .header .mobile-menu .menu-toggle-btn {
    width: 60px;
    line-height: 60px;
    padding: 0 18px;
    font-size: 24px;
    font-size: 1.6rem;
    opacity: 1;
  }
}

.header .mobile-menu .return-btn {
  left: -60px;
  opacity: 0;
}

.header .mobile-menu.return .menu-toggle-btn {
  left: -60px;
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .header .mobile-menu.return .menu-toggle-btn {
    left: 0;
    opacity: 1;
  }
}

.header .mobile-menu.return .return-btn {
  left: 0;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .header .mobile-menu.return .return-btn {
    display: none;
  }
}

.header .mobile-menu .logo {
  position: relative;
  float: left;
}

@media only screen and (min-width: 768px) {
  .header .mobile-menu .logo {
    display: inline;
  }
}

@media only screen and (min-width: 1024px) {
  .header>.container {
    width: 100%;
    padding: 0;
    max-width: inherit;
    position: fixed;
    z-index: 10;
  }

  .header>.container:before {
    display: block;
    width: 50%;
    background-color: #F36F20;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
  }

  .header .search-and-actions {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1248px;
    background-color: #F36F20;
  }

  .header .search-and-actions input[type="search"] {
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
  }

  .header .search-and-actions .header--actions>.header--messages {
    width: 70px;
    display: inline-block;
  }

  .header .search-and-actions .header--actions>.header--messages:hover {
    background: #dc5e1b;
    background: -webkit-gradient(linear, left top, left bottom, from(#dc5e1b), to(#da791e));
    background: -webkit-linear-gradient(top, #dc5e1b 0%, #da791e 100%);
    background: linear-gradient(to bottom, #dc5e1b 0%, #da791e 100%);
  }

  .header .search-and-actions .header--actions>.header--messagesTooltip {
    max-width: 210px;
    background-color: #4d4d4d;
    color: #fff;
    position: absolute;
    padding: 12px 16px 12px;
    border-radius: 10px;
    top: 72px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  .header .search-and-actions .header--actions>.header--messagesTooltip:before {
    content: '';
    display: block;
    background-color: #4d4d4d;
    border: 1px solid #4d4d4d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 1px 0 0 1px;
    position: absolute;
    height: 12px;
    width: 12px;
    top: -6px;
    left: 50%;
    margin-left: -8px;
  }

  .header .search-and-actions .header--actions>.header--messagesTooltip:after {
    content: none;
  }

  .header .search-and-actions .header--actions>.header--messagesTooltip.active {
    visibility: visible;
    opacity: 1;
  }

  .header .search-and-actions .header--actions>.header--messagesTooltip .messageTooltip__icon {
    font-size: 16px;
    position: relative;
    bottom: 2px;
  }

  .header .search-and-actions .header--actions>.header--messagesTooltip .messageTooltipText__wrapper {
    display: inline-block;
    text-align: left;
  }

  .header .search-and-actions .header--actions>.header--messagesTooltip .messageTooltip__close {
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    float: right;
    width: 0;
    height: 0;
    position: relative;
    bottom: 30px;
    right: 4px;
  }

  .header .search-and-actions .header--actions>.header--messagesTooltip .messageTooltip__link {
    width: 0;
    height: 0;
    line-height: unset;
    color: #ffffff;
    display: contents;
    vertical-align: unset;
  }

  .header .search-and-actions .header--actions>.header--messagesTooltip .messageTooltip__smallText {
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: 0.1px;
    color: #fff;
    display: block;
  }

  .header .search-and-actions .header--actions>.header--logout {
    width: 70px;
    height: 70px;
    display: inline-block;
    background-color: #4d4d4d;
    color: #fff;
  }

  .header .search-and-actions .header--actions>.header--logout:hover {
    background-color: #262626;
  }

  .header .search-and-actions .header--actions>.header--options {
    width: 70px;
    height: 70px;
    position: relative;
    display: inline-block;
    border: none;
  }

  .header .search-and-actions .header--actions>.header--options.isActive,
  .header .search-and-actions .header--actions>.header--options:hover {
    background: #dc5e1b;
    background: -webkit-gradient(linear, left top, left bottom, from(#dc5e1b), to(#da791e));
    background: -webkit-linear-gradient(top, #dc5e1b 0%, #da791e 100%);
    background: linear-gradient(to bottom, #dc5e1b 0%, #da791e 100%);
  }

  .header .search-and-actions .header--actions>.header--options.isActive:after {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  .header .search-and-actions .header--actions>.header--options .avatar-wrapper {
    border-bottom: 1px solid #e6e6e6;
    margin: 0px 16px 8px;
    padding: 0 0 16px 0;
    display: table;
  }

  .header .search-and-actions .header--actions>.header--options .header--useractions {
    display: none;
    position: absolute;
    top: 77px;
    min-width: 180px;
    left: 50%;
    margin-left: -85px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 8px 0;
    z-index: 100;
  }

  .header .search-and-actions .header--actions>.header--options .header--useractions ul {
    padding: 0;
  }

  .header .search-and-actions .header--actions>.header--options .header--useractions:before {
    content: '';
    display: block;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 1px 0 0 1px;
    position: absolute;
    height: 16px;
    width: 16px;
    top: -9px;
    left: 50%;
    margin-left: -8px;
  }

  .header .search-and-actions .header--actions>.header--options .header--useractions li {
    float: none;
    width: 100%;
    border: none;
    list-style: none;
  }

  .header .search-and-actions .header--actions>.header--options .header--useractions li a {
    text-align: left;
    font-size: 14px;
    font-size: .93333rem;
    line-height: 1.1em;
    height: auto;
    position: relative;
    display: inline-block;
    border: none;
    width: 100%;
    padding: 12px 20px;
    color: gray;
  }

  .header .search-and-actions .header--actions>.header--options .header--useractions li a:hover {
    background-color: #f5f5f5;
  }

  .header .search-and-actions .header--actions>.header--options .header--useractions li a span {
    display: inline-block;
  }

  .header .search-and-actions .header--actions>.header--options .header--useractions li a span.header--item {
    margin-left: 30px;
  }

  .header .search-and-actions .header--actions>.header--options .header--useractions li a span:first-child,
  .header .search-and-actions .header--actions>.header--options .header--useractions li a .header--useractionsMyMessagesIcon {
    position: absolute;
    top: 13px;
    left: 16px;
  }

  .header .search-and-actions .header--actions>.header--options .header--useractions li .header--useractionsMyMessagesIcon .icon-email {
    position: static;
    font-size: 15px;
  }

  .header .search-and-actions .header--actions>.header--options .header--useractions li .header--useractionsMyMessagesIcon .badge {
    position: absolute;
    left: 8px;
    top: 8px;
    font-size: 10px;
    background-image: -webkit-linear-gradient(105deg, #F08E00, #F36F20);
    background-image: linear-gradient(345deg, #F08E00, #F36F20);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    padding: 0;
  }

  .header .search-and-actions .header--actions>.header--options.isActive .header--useractions {
    display: block;
  }

  .header .search-and-actions .header--actions>.header--options .avatar-img-holder__wrapper {
    width: 40px;
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
  }

  .header .search-and-actions .header--actions>.header--options .avatar-img-holder__wrapper img {
    border-radius: 50%;
    width: 100%;
    border: 1px solid #4d4d4d;
  }

  .header .search-and-actions .header--actions>.header--options .avatar-img-holder__wrapper .avatar-img-holder {
    margin: 12.5px;
  }

  .header .search-and-actions .header--actions>.header--options .menu-description {
    vertical-align: middle;
    display: table-cell;
    padding-left: 10px;
  }

  .header .search-and-actions .header--actions>.header--options .menu-description .user-id {
    font-weight: bold;
    font-size: 12px;
    font-size: .8rem;
    color: #F36F20;
  }

  .header .search-and-actions .header--actions>.header--options .menu-description .menu-text {
    vertical-align: middle;
    line-height: 1;
    font-size: 14px;
    font-size: .93333rem;
    overflow: hidden;
  }

  .header .search-and-actions .header--actions>.header--options .header--item {
    margin-left: 5px;
  }
}

.header .search-holder {
  width: auto;
  overflow: hidden;
  float: left;
  position: absolute;
  left: 306px;
  right: 210px;
}

.header .search-holder .search {
  padding: 18px 50px 18px 16px;
  height: 70px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  border: 0;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 0;
  background-color: #fff;
  color: #262626;
}

.header .search-holder .search::-webkit-input-placeholder {
  color: #404040;
  font-style: normal;
}

.header .search-holder .search:-moz-placeholder {
  color: #404040;
  font-style: normal;
}

.header .search-holder .search::-moz-placeholder {
  color: #404040;
  font-style: normal;
}

.header .search-holder .search:-ms-input-placeholder {
  color: #404040;
  font-style: normal;
}

.header .search-holder .right-inner-addon i {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -12px 15px 0;
  pointer-events: none;
  color: #737373;
  font-size: 24px;
  font-size: 1.6rem;
}

.activity-container .tab-pane {
  position: absolute;
  left: 0;
  width: 100%;
  min-height: 300px;
  margin-top: 5px;
  padding: 30px 15px 25px;
  color: #fff;
  background-color: #4d4d4d;
  z-index: 100;
}

.activity-container .tab-pane .close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}

.activity-container .tab-pane .close span {
  color: #fff;
}

.activity-container h2 {
  font-weight: 100;
  margin-top: 0;
  padding: 0 5px 5px;
  border-bottom: 1px solid #606060;
}

.activity-container .content--row {
  position: relative;
  padding: 0 30px 5px 0;
  border-bottom: 1px solid #606060;
  opacity: 1;
}

.activity-container .content--row:last-child {
  border-bottom: none;
}

.activity-container .content--row .image-holder {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
  background-color: #f5f5f5;
}

.activity-container .content--row .mark-read a:before {
  position: absolute;
  content: "\e624";
  font-family: 'icomoon';
  top: 50%;
  right: 15px;
  margin-top: -16px;
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 30px;
  width: 30px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #2b8804;
}

.activity-container .content--row h3 {
  margin: 10px 0 5px;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
}

.activity-container .content--row p {
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 300;
  margin-bottom: 0;
}

.activity-container .content--row .show-message {
  display: block;
}

.notificationsFlyout {
  display: none;
  position: absolute;
  top: 77px;
  right: 0;
  width: 323px;
  max-width: 400px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
  z-index: 10;
  z-index: 100;
}

.notificationsFlyout.isActive {
  display: block;
}

.notificationsFlyout:before {
  content: '';
  display: block;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 1px 0 0 1px;
  position: absolute;
  height: 16px;
  width: 16px;
  top: -9px;
  right: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .notificationsFlyout:before {
    right: 18px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .notificationsFlyout:before {
    right: 164px;
  }
}

@media only screen and (min-width: 1280px) {
  .notificationsFlyout:before {
    right: 164px;
  }
}

.notifications__flyoutHeader {
  padding: 16px 16px;
  border-bottom: 1px solid #e9e9e9;
}

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

.notifications__flyoutHeader h3 {
  float: left;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
}

.notifications__flyoutHeader a {
  float: right;
  color: #4d4d4d;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 16px;
}

.alex .notifications__flyoutHeader a {
  display: none !important;
}

.notificationsFlyout__list .notifications__list {
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}

.notificationsFlyout__footer {
  text-align: center;
  padding: 16px 0;
  border-top: 1px solid #e9e9e9;
  font-size: 11px;
  font-size: .73333rem;
}

.notificationsFlyout__footer a {
  color: #F36F20;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .73333rem;
  font-weight: bold;
  cursor: pointer;
}

.notificationsFlyout__footer a:hover,
.notificationsFlyout__footer a:focus {
  text-decoration: underline;
}

.notificationsFlyout__scroll {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.notificationsFlyout__scroll {
  height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.notifications__list {
  padding: 0;
  list-style: none;
}

.notifications__list>li {
  max-height: 100px;
  min-height: 75px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 20px 20px 20px 50px;
  background-color: transparent;
  text-align: left;
  border: none;
  cursor: pointer;
}

.notifications__list>li:after {
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  top: 50%;
  margin-top: -8px;
  right: 15px;
  border-color: #e6e6e6;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  border-width: 2.5px 0 0 2.5px;
  background-color: transparent;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.notifications__list>li span[class^="icon"] {
  position: absolute;
  left: 22px;
  top: 23px;
  color: #7f7f7f;
  font-size: 16px;
  font-size: 1.06667rem;
}

.notifications__list>li h4 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.14;
  color: #262626;
  font-weight: 300;
}

.notifications__list>li .dateAndTime {
  font-size: 14px;
  font-size: .93333rem;
  color: gray;
}

.notifications__list>li.collapse:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.notifications__list .notification--trashed {
  background-color: #fceeeb;
  padding-top: 30px;
  cursor: default;
}

.notifications__list .notification--trashed:after {
  content: none;
}

.notifications__list .notification--trashed a {
  color: #F36F20;
  text-transform: uppercase;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: bold;
}

.notifications__list .notification--unread {
  position: relative;
  background-color: #fff7e5;
}

.notifications__list .notification--unread:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 28px;
  left: 6px;
  border-radius: 50%;
  background-color: #F36F20;
}

.notifications__list .notification--unread time {
  display: block;
  font-weight: 300;
  font-size: 14px;
  font-size: .93333rem;
  text-transform: uppercase;
  padding-top: 6px;
  color: gray;
}

.notifications__list .notification--read time {
  display: block;
  color: #b3b3b3;
  font-weight: 200;
  font-size: 11px;
  font-size: .73333rem;
  text-transform: uppercase;
  padding-top: 7px;
}

.notifications__list .notification--expanded {
  max-height: 500px;
}

.notifications__list .notification--expanded:after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.notifications__list li+li {
  border-top: 1px solid #e6e6e6;
}

.notifications__actionButton {
  position: relative;
  text-align: right;
  z-index: 9;
}

.notifications__actionButton .btn-settingsOnNotifications {
  position: absolute;
  top: 19px;
  right: 0;
}

.notifications .empty {
  text-align: center;
  padding: 40px 0px;
  margin: 0 auto;
}

.notifications .notificationList {
  padding: 0 10px;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList {
    padding: 0 24px;
  }
}

.notifications .notificationList__header {
  font-size: 11px;
  font-size: .73333rem;
  color: gray;
  text-transform: uppercase;
}

.notifications .notificationList__header .dItem__date,
.notifications .notificationList__header .dItem__detail,
.notifications .notificationList__header .dItem__inDetailHalf {
  color: gray;
}

.notifications .notificationList__body {
  font-size: 14px;
  font-size: .93333rem;
}

.notifications .notificationList__row {
  padding: 19px 0;
}

.notifications .notificationList .dItem {
  position: relative;
}

.notifications .notificationList .dItem:after {
  content: "";
  display: table;
  clear: both;
}

.notifications .notificationList .dItem__col {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
  word-wrap: break-word;
}

.notifications .notificationList .dItem__selection {
  width: 5%;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__selection {
    width: 5%;
  }
}

.notifications .notificationList .dItem__description {
  width: 95%;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__description {
    width: 95%;
  }
}

.notifications .notificationList .dItem__select {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__select {
    width: 100%;
    text-align: left;
  }
}

.notifications .notificationList .dItem__type {
  width: 15%;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__type {
    width: 10%;
    text-align: center;
  }
}

.notifications .notificationList .dItem__date {
  width: 85%;
  color: #4d4d4d;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__date {
    width: 20%;
  }
}

.notifications .notificationList .dItem__date span[class^="icon-"] {
  margin: 0 4px;
}

.notifications .notificationList .dItem__detail {
  width: 100%;
  color: #262626;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__detail {
    width: 70%;
  }
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__type+.notifications .notificationList .dItem__date {
    width: 22%;
  }
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__type+.notifications .notificationList .dItem__date+.notifications .notificationList .dItem__detail {
    width: 70%;
  }
}

.notifications .notificationList .dItem__inDetailName {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__inDetailName {
    width: 40%;
    padding-right: 10px;
  }
}

.notifications .notificationList .dItem__inDetailName-wide {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__inDetailName-wide {
    width: 60%;
    padding-right: 10px;
  }
}

.notifications .notificationList .dItem__inDetailAmount {
  width: 100%;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__inDetailAmount {
    width: 20%;
    text-align: right;
  }
}

.notifications .notificationList .dItem__inDetailAmount .amount-text {
  font-size: 14px;
}

.notifications .notificationList .dItem__inDetailDate {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__inDetailDate {
    width: 20%;
    padding-left: 30px;
  }
}

.notifications .notificationList .dItem__inDetailHalf {
  width: 100%;
  color: #262626;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__inDetailHalf {
    width: 50%;
  }
}

.notifications .notificationList .dItem__withMark {
  padding-left: 15px;
}

.notifications .notificationList .dItem__withMark.unRead:before {
  top: 24%;
  position: relative;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__withMark.unRead:before {
    top: 50%;
  }
}

.notifications .notificationList .dItem__withUnreadMark.unRead:before {
  top: 24%;
  position: relative;
  display: inline-block;
  margin-left: -8px;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .dItem__withUnreadMark.unRead:before {
    top: 50%;
  }
}

.notifications .notificationList .dItem__link {
  font-weight: 700;
}

.notifications .notificationList .footerItem {
  position: relative;
}

.notifications .notificationList .footerItem:after {
  content: "";
  display: table;
  clear: both;
}

.notifications .notificationList .footerItem__col {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
  word-wrap: break-word;
}

.notifications .notificationList .footerItem__selection {
  text-align: left;
  width: 25%;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .footerItem__selection {
    width: 20%;
  }
}

.notifications .notificationList .footerItem__pagination {
  width: 50%;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .footerItem__pagination {
    width: 60%;
  }
}

.notifications .notificationList .footerItem__action {
  width: 25%;
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .notifications .notificationList .footerItem__action {
    width: 20%;
  }
}

.notifications .notificationList .notificationList__row+.notificationList__row {
  border-top: 1px solid #e6e6e6;
}

.notification__details .notification__icon {
  vertical-align: middle;
  width: 70px;
  height: 50px;
  text-align: center;
  background-color: transparent;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.notification__details .notification__icon [class^='icon-'] {
  font-size: 45px;
  font-size: 3rem;
  vertical-align: middle;
  margin-top: -2px;
}

.notification__body {
  color: #7e7e7e;
  font-size: 15px;
  font-size: 1rem;
  line-height: 20px;
}

.notification__actions {
  margin: 0 10px 0 50px;
  padding: 5px 0;
  border-top: 1px solid #f5f5f5;
}

.notificationsFlyout__message {
  text-align: center;
  padding: 40px 0px;
  width: 70%;
  margin: 0 auto;
}

.notificationsFlyout__message h4 {
  padding-top: 24px;
  color: #262626;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.06667rem;
}

.notificationsFlyout__message p {
  padding: 0;
  margin: 0;
  color: #7e7e7e;
  font-size: 17px;
  font-size: 1.13333rem;
  line-height: 20px;
}

.notificationsFlyout__message .btn {
  margin-top: 30px;
}

#notificationTabs .panel.notifications {
  margin-top: -2px;
}

.inAppNotification {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  background-color: rgba(38,38,38,0.85);
  z-index: 99999;
}

@media only screen and (max-width: 767px) {
  .inAppNotification {
    text-align: center;
  }
}

.inAppNotification__icon {
  text-align: center;
}

.inAppNotification__img {
  max-height: 110px;
}

.inAppNotification__cover {
  padding: 30px;
}

#container-wide,
#container-narrow {
  list-style-type: none;
}

.placeholder {
  border: dashed red;
  margin-bottom: 1.5em;
}

#calendar .nav-tabs {
  padding-top: 0;
  background: #fc8c4a;
}

.chart {
  height: 195px;
  margin-left: 15px;
}

#flot-tooltip {
  display: none;
  position: absolute;
  text-align: center;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 300;
  width: 130px;
  height: 75px;
  padding: 10px;
  color: #fff;
  background-color: #3f3b37;
}

#flot-tooltip .tooltipTitle {
  margin-top: 5px;
}

#flot-tooltip .tooltipAmount {
  font-weight: 700;
}

#flot-tooltip:after {
  position: absolute;
  margin-left: -5px;
  bottom: -8px;
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #3f3b37;
}

.latest-activities-header {
  padding: 15px;
  color: #fff;
  font-size: 16px;
  font-size: 1.06667rem;
  text-transform: uppercase;
  background: #b2b2b2;
}

.iban-number {
  font-size: .85px;
  font-size: .05667rem;
  line-height: 45px;
}

.activities {
  background: #fff;
  padding: 0 15px;
  margin-bottom: 0;
}

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

.widget.no-margin-bottom {
  margin-bottom: 0;
}

.widget.no-margin-bottom .transactions {
  margin-bottom: 0;
}

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

.widget--header .widget-title.short-underline:after {
  bottom: 0;
}

.widget--header .widget-title .account-nickname {
  display: block;
  font-size: 16px;
  font-size: 1.06667rem;
  margin-top: 5px;
}

@media only screen and (min-width: 1024px) {
  .widget--header .widget-title .account-nickname {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.widget--header .widget-title .in-title {
  position: absolute;
  top: 25px;
  right: 10px;
  font-size: 12px;
  font-size: .8rem;
}

.widget--header .widget-subtitle {
  font-size: 14px;
  font-size: .93333rem;
  padding-bottom: 15px;
  font-weight: 300;
  padding-top: 5px;
}

.widget .widget-subtitle {
  font-size: 12px;
  font-size: .8rem;
  color: gray;
  padding-bottom: 0;
  margin-bottom: 18px;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  .widget .widget-subtitle {
    margin-bottom: 36px;
  }
}

.widget .currency.dropdown {
  display: inline-block;
  font-size: 24px;
  font-size: 1.6rem;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #999;
  font-size: 24px;
  font-size: 1.6rem;
}

.widget .currency.dropdown .dropdown-menu {
  font-size: 20px;
  font-size: 1.33333rem;
  text-align: center;
  padding: 0;
}

.widget .currency.dropdown .dropdown-menu li a {
  padding: 10px 0 11px;
}

.widget .currency.dropdown .dropdown-menu li a:hover {
  border-bottom: 1px solid #F36F20;
  padding: 10px 0;
}

.widget .goals-in-widget {
  position: relative;
  display: table;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.widget .goals-in-widget:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 6px;
  bottom: 0;
  left: 0;
  background-color: #e6e6e6;
}

.widget .goals-in-widget .goal {
  position: relative;
  display: table-cell;
  width: 33.33333333333%;
}

.widget .goals-in-widget .goal--img-holder {
  position: relative;
  float: left;
  width: 65px;
  height: 65px;
  margin-right: 10px;
  border-radius: 50%;
  background-image: url(../graphics/icons/icon_avatar.svg);
  background-color: #fff;
  -webkit-transition: .3s ease opacity;
  transition: .3s ease opacity;
  opacity: 1;
  background-size: 23px;
  background-position: center center;
  background-repeat: no-repeat;
}

.widget .goals-in-widget .goal--img-holder .img-responsive {
  border-radius: 50%;
  overflow: hidden;
}

.widget .goals-in-widget .goal--img-holder:after {
  position: absolute;
  content: "";
  top: 75px;
  left: 50%;
  width: 1px;
  height: 30px;
  background-color: #b3b3b3;
}

.widget .goals-in-widget .goal--details {
  margin-left: 75px;
}

.widget .goals-in-widget .goal--details h3 {
  font-size: 30px;
  font-size: 2rem;
  margin: 0;
}

.widget .goals-in-widget .goal--details .description {
  color: #404040;
}

.widget .goals-in-widget .goal--details .completeness {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #F36F20;
}

.widget .goals-in-widget .goal--details .completeness.successed {
  color: #0f703a;
}

.widget .goals-in-widget .goal--chart-holder {
  position: absolute;
  bottom: -102px;
  left: 0;
  width: 35%;
  padding-bottom: 0;
}

.widget .goals-in-widget .goal--chart-holder .goal-chart-goal {
  margin-top: 25px;
}

.last-transactions-widget .transactions-widget--menu {
  margin-bottom: 30px;
}

.last-transactions-widget .transactions-widget--menu .btn .icon-refresh {
  top: 4px;
  margin-right: 8px;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #737373;
}

.quick-payment-widget-empty {
  background-size: cover;
  background-image: url("../graphics/pay_favourites_01_mobile.svg");
}

@media only screen and (min-width: 768px) {
  .quick-payment-widget-empty {
    background-image: url("../graphics/Home_long.svg");
  }
}

.quick-payment-widget {
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 25px;
}

.quick-payment-widget:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 768px) {
  .quick-payment-widget {
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (min-width: 768px) {
  .quick-payment-widget .setFixedHeight {
    height: 145px;
  }
}

.quick-payment-widget .widget {
  position: relative;
}

.quick-payment-widget .widget .widget--body .widget-subtitle {
  font-size: 12px;
  font-size: .8rem;
  position: relative;
  color: gray;
}

.quick-payment-widget .widget .widget--body .qp--new-beneficiary-holder {
  text-align: center;
  padding-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .quick-payment-widget .widget .widget--body .qp--new-beneficiary-holder {
    text-align: left;
  }
}

.quick-payment-widget .widget .widget--body .qp--new-beneficiary-holder--inner .info {
  font-size: 14px;
  font-size: .93333rem;
  margin-bottom: 22px;
  color: #4d4d4d;
}

.quick-payment-widget .widget .widget--body .no-beneficiary-icon {
  max-width: 140px;
  margin: 0 auto;
  display: block;
}

.quick-payment-widget .widget .widget--body .info {
  margin-bottom: 24px;
}

@media only screen and (min-width: 768px) {
  .quick-payment-widget .widget .widget--body .info {
    margin-bottom: 0;
  }
}

.quick-payment-widget .widget .widget--body .select-beneficiary--img-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.quick-payment-widget .widget .widget--body .select-beneficiary--img-holder {
  position: relative;
  width: 40px;
  height: 40px;
}

.quick-payment-widget .widget .widget--body .select-beneficiary--img-holder .favorite {
  position: absolute;
  bottom: -15px;
  right: 0;
  color: #ebbd00;
  font-size: 26px;
  font-size: 1.73333rem;
}

.quick-payment-widget .widget .widget--body .select-beneficiary--title {
  display: table-cell;
  margin-left: 0px;
  vertical-align: middle;
  padding-left: 10px;
}

@media only screen and (min-width: 768px) {
  .quick-payment-widget .widget .widget--body .select-beneficiary--title {
    padding-left: 20px;
  }
}

.quick-payment-widget .widget .widget--body .select-beneficiary--title .beneficiary-title {
  font-weight: 300;
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1.2;
  color: #262626;
}

.quick-payment-widget .widget .widget--body .select-beneficiary--title .nickname-account {
  font-size: 12px;
  font-size: .8rem;
  color: gray;
}

.quick-payment-widget .widget .widget--body .select-beneficiary--title .nickname-account.with-trusted-label {
  position: relative;
  padding-left: 24px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.quick-payment-widget .widget .widget--body .select-beneficiary--title .nickname-account.with-trusted-label.with-trusted-label--withoutTrusted {
  padding-left: 0px;
}

.quick-payment-widget .widget .widget--body .add-new-beneficiary-item .new-beneficiary-icon {
  position: relative;
  display: inline-block;
  width: 42px;
  line-height: 42px;
  margin: 6px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
  background-color: #F36F20;
}

.quick-payment-widget .widget .widget--body .add-new-beneficiary-item .button-label {
  text-transform: uppercase;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 700;
}

@media only screen and (min-width: 1024px) {
  .quick-payment-widget .widget .widget--body .add-new-beneficiary-item .button-label {
    display: inline;
    text-transform: uppercase;
    font-size: 13px;
    font-size: .86667rem;
    font-weight: 700;
  }
}

.quick-payment-widget .widget .widget--body .add-fav-beneficiary-img-holder {
  position: relative;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  border-radius: 50%;
  background-image: url(../graphics/icons/icon_avatar.svg);
  background-color: #fff;
  -webkit-transition: .3s ease opacity;
  transition: .3s ease opacity;
  opacity: 1;
  background-size: 23px;
  background-position: center center;
  background-repeat: no-repeat;
}

.quick-payment-widget .beneficiary-carousel {
  height: 145px;
  background-color: #fff;
  border: solid 1px #e6e6e6;
  border-radius: 4px;
}

.quick-payment-widget .beneficiary-carousel__item-wrapper {
  display: table;
  width: 100%;
  height: 113px;
  position: relative;
}

.quick-payment-widget .beneficiary-carousel__item-wrapper:before {
  content: '';
  width: 40px;
  height: 6px;
  border-radius: 3px;
  background-color: #F36F20;
  position: absolute;
  top: 16px;
  left: 16px;
}

.quick-payment-widget .beneficiary-carousel__item {
  display: table-cell;
  padding: 22px 16px 0;
  vertical-align: middle;
}

.quick-payment-widget .beneficiary-carousel__item.disabled {
  opacity: 0.2;
}

.quick-payment-widget .beneficiary-carousel .carousel-control.left,
.quick-payment-widget .beneficiary-carousel .carousel-control.right {
  margin: 16px;
  top: auto;
}

.quick-payment-widget .quick-payment-form {
  padding: 16px 0;
}

@media only screen and (min-width: 768px) {
  .quick-payment-widget .quick-payment-form {
    padding: 0 16px;
  }
}

.quick-payment-widget .quick-payment-form>*+* {
  margin-top: 16px;
}

.quick-payment-widget .quick-payment-form .materializeTextarea {
  position: relative;
}

.quick-payment-widget .quick-payment-form .materializeTextarea__label {
  left: 16px;
}

.quick-payment-widget .qp--new-beneficiary-button-holder {
  position: absolute;
  right: 0;
  top: 30px;
}

.quick-payment-widget .qp--new-beneficiary-button-holder .add-new-beneficiary .button-label {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .quick-payment-widget .qp--new-beneficiary-button-holder .add-new-beneficiary .button-label {
    display: inline;
  }
}

.quick-payment-widget .qp--new-beneficiary-button-holder .add-new-beneficiary span[class^="icon-"] {
  font-size: 24px;
  font-size: 1.6rem;
}

@media only screen and (min-width: 1024px) {
  .quick-payment-widget .qp--new-beneficiary-button-holder .add-new-beneficiary span[class^="icon-"] {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.quick-payment-widget .contextual-tip {
  padding: 8px 35px;
  margin-bottom: 0;
}

.quick-payment-widget .contextual-tip .new-beneficiary-icon {
  position: relative;
  display: inline-block;
  width: 30px;
  line-height: 30px;
  margin: 6px;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-size: 1.06667rem;
  text-align: center;
  background-color: #F36F20;
}

.quick-payment-widget .contextual-tip .message {
  padding: 0;
}

.quick-payment-widget__button-holder {
  margin-top: 15px;
}

.quick-payment-widget__textarea {
  height: 80px !important;
}

.quick-payment-widget .selectAccountText {
  display: inline-block;
}

.quick-payment-widget .changeAccountText {
  display: none;
}

.quick-payment-widget .account-picked .selectAccountText {
  display: none;
}

.quick-payment-widget .account-picked .changeAccountText {
  display: inline-block;
}

.innovationWidget .collapse-btn .expandable-title__more {
  display: none;
}

.innovationWidget .collapse-btn .expandable-title__less {
  display: inline-block;
}

.innovationWidget .collapse-btn.collapsed .expandable-title__more {
  display: inline-block;
}

.innovationWidget .collapse-btn.collapsed .expandable-title__less {
  display: none;
}

.innovationWidget__title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #262626;
  margin: 0;
}

.innovationWidget__subtitle {
  letter-spacing: 0.1px;
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.2;
  color: #4d4d4d;
  margin: 8px 0 24px;
}

.innovationWidget__inner {
  padding: 0 32px;
  position: relative;
}

.innovationWidget__header {
  background-color: #ede9e4;
}

.innovationWidget__header.noGroup {
  background-color: #f4f0ee;
}

.innovationWidget__headerButton {
  position: absolute;
  bottom: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
}

.innovationWidget__headerInner {
  padding: 24px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  font-size: 0;
  text-align: center;
}

.innovationWidget__headerInner.noGroup .innovationWidget__imageIcon,
.innovationWidget__headerInner.noGroup .innovationWidget__imageText {
  color: #b3b3b3;
}

.innovationWidget__collapseInner {
  background-color: #f5f3f0;
}

.innovationWidget__collapseList {
  margin: 0;
  padding: 8px 12px 32px;
  list-style: none;
}

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

@media only screen and (min-width: 768px) {
  .innovationWidget__collapseList {
    padding: 48px;
  }
}

.innovationWidget__collapseItem {
  position: relative;
  padding-left: 64px;
  padding-right: 16px;
  margin-top: 32px;
}

@media only screen and (min-width: 768px) {
  .innovationWidget__collapseItem {
    width: 50%;
    float: left;
  }
}

@media only screen and (min-width: 768px) {
  .innovationWidget__collapseItem:nth-child(2n+1) {
    clear: both;
  }
}

.innovationWidget__collapseItem .image {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #fff;
  text-align: center;
  line-height: 38px;
  color: gray;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
}

.innovationWidget__collapseItem .image>span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.innovationWidget__collapseItem .image.active {
  background-color: #3D8F62;
  color: #fff;
}

.innovationWidget__collapseItem .title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: 0.2px;
  color: #262626;
  margin: 0;
}

.innovationWidget__collapseItem .subtitle {
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 300;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  margin: 8px 0 0;
}

.innovationWidget__collapseItem .link {
  font-size: 12px;
  font-size: .8rem;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #F36F20;
  display: inline-block;
  margin-top: 6px;
  text-transform: uppercase;
}

.innovationWidget__collapseItem .link:hover {
  color: #e76011;
}

.innovationWidget__image {
  display: block;
  width: 100%;
}

.innovationWidget__imageCover {
  position: relative;
  width: 72px;
  height: 72px;
  display: inline-block;
  vertical-align: middle;
}

.innovationWidget__imageIcon {
  color: #fff;
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 20px;
}

.innovationWidget__imageText {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1.12;
  text-align: center;
  color: #fff;
  font-weight: 300;
  position: absolute;
  top: 36px;
  left: 0;
  width: 100%;
  text-align: center;
}

.innovationWidget__headerTitle {
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #262626;
  font-weight: 400;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  padding-left: 24px;
  width: -webkit-calc(100% - 72px);
  width: calc(100% - 72px);
}

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

.innovationWidget__headerTitle .highlight {
  font-size: 30px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 0.53;
  margin-right: 5px;
}

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

.innovationWidget__headerInnerLeft,
.innovationWidget__headerInnerRight {
  font-size: 0;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .innovationWidget__headerInnerLeft,
  .innovationWidget__headerInnerRight {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
  }
}

.innovationWidget__headerInnerLeft {
  display: inline-block;
}

.innovationWidget__headerInnerRight {
  margin-top: 24px;
  margin-bottom: 16px;
}

@media only screen and (min-width: 768px) {
  .innovationWidget__headerInnerRight {
    margin-top: 0;
    margin-bottom: 16px;
  }
}

.innovationWidget__progressBarCover {
  width: 262px;
  display: inline-block;
}

.innovationWidget__progressBar {
  width: 262px;
  height: 10px;
  border-radius: 10px;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 1px;
}

.innovationWidget__progressBarItself {
  height: 10px;
  max-width: 258px;
  width: 0;
  height: 6px;
  border-radius: 9px;
  position: absolute;
  top: 2px;
  left: 2px;
  background-image: -webkit-gradient(linear, right top, left top, from(#F08E00), to(#F36F20));
  background-image: -webkit-linear-gradient(right, #F08E00, #F36F20);
  background-image: linear-gradient(to left, #F08E00, #F36F20);
  z-index: 2;
}

.innovationWidget__progressBarItself.mod3 {
  width: 25%;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.innovationWidget__progressBarItself.mod4 {
  width: 50%;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.innovationWidget__progressBarItself.mod5 {
  width: 75%;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.innovationWidget__progressBarItself.mod6 {
  width: 100%;
}

.innovationWidget__progressBarItself.mod7 {
  width: 100%;
}

.innovationWidget__progressBarItself.mod8 {
  width: 100%;
}

.innovationWidget__progressBarSeperators {
  max-width: 258px;
  width: 100%;
  position: absolute;
  top: 3px;
  left: 2px;
  z-index: 3;
  text-align: left;
}

.innovationWidget__seperator {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #fff;
  height: 4px;
}

.innovationWidget__progressBarNumbers {
  font-size: 0;
  margin-top: 8px;
  text-align: left;
}

.innovationWidget__progressBarNumber {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  font-weight: 300;
  line-height: 0.8;
  text-align: center;
  color: #b3b3b3;
  font-size: 10px;
  font-size: .66667rem;
}

.innovationWidget__progressBarNumber.active {
  color: #4d4d4d;
  font-weight: 500;
}

.innovationWidget__bottom {
  padding: 16px 8px;
}

.innovationWidget__bottom .innovationWidget__imageIcon {
  color: gray;
}

.innovationWidget__bottomRow {
  display: table;
  width: 100%;
}

.innovationWidget__bottomBox {
  width: 50%;
  display: inline-block;
  float: left;
}

.innovationWidget__bottomBox:nth-child(2n+1) {
  clear: both;
}

@media only screen and (min-width: 768px) {
  .innovationWidget__bottomBox {
    float: none;
    display: table-cell;
    width: 25%;
  }
}

.innovationWidget__bottomBoxInner {
  border-radius: 8px;
  background-color: #fff;
  border: solid 1px #e6e6e6;
  text-align: center;
  margin: 8px;
  padding: 32px 16px;
}

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

.innovationWidget__bottomBoxInner .innovationWidget__imageCover {
  margin: 0 auto;
}

.innovationWidget__bottomDesc {
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.29;
  letter-spacing: 0.1px;
  text-align: center;
  color: #4d4d4d;
  margin: 16px 0 0;
}

.innovationWidget__bottomOwned {
  font-size: 14px;
  font-size: .93333rem;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #262626;
  margin: 6px 0 0;
}

.innovationWidget__bottomLinkCover {
  text-align: center;
  padding: 8px;
}

.innovationWidget__bottomLink {
  font-size: 12px;
  font-size: .8rem;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #F36F20;
  display: inline-block;
  text-transform: uppercase;
}

.innovationWidget__bottomLink:hover {
  color: #e76011;
}

.innovationWidget .icon-innovation-0:before {
  content: "\e99c";
}

.innovationWidget .icon-innovation-1:before {
  content: "\e614";
}

.innovationWidget .icon-innovation-2:before {
  content: "\e910";
}

.innovationWidget .icon-innovation-3:before {
  content: "\e9a4";
}

.innovationWidget .icon-innovation-4:before {
  content: "\e603";
}

.innovationWidget .icon-innovation-5:before {
  content: "\e654";
}

.innovationWidget .icon-innovation-6:before {
  content: "\e612";
}

.innovationWidget .icon-innovation-7:before {
  content: "\e655";
}

.innovationWidget .icon-innovation-8:before {
  content: "\e983";
}

.innovationWidget .icon-innovationBottom-3:before {
  content: "\e99c";
}

.innovationWidget .icon-innovationBottom-4:before {
  content: "\e66f";
}

.innovationWidget .icon-innovationBottom-5:before {
  content: "\e629";
}

.innovationWidget .icon-innovationBottom-6:before {
  content: "\e984";
}

.innovationWidget .active .innovationIcon:before {
  content: "\e624";
}

.calendar-widget .widget {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  padding: 0;
  margin: 100px 0;
}

.calendar-widget .widget .widget--header {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  overflow: hidden;
}

.calendar-widget .widget .widget--header--title {
  float: left;
  width: 42.85714%;
  text-align: center;
  padding: 30px 0;
}

.calendar-widget .widget .widget--header--title .widget-title {
  margin: 0;
  line-height: 1;
}

.calendar-widget .widget .widget--header--title .week-span {
  font-size: 18px;
  font-size: 1.2rem;
}

.calendar-widget .widget .widget--header .calendar-navigation {
  float: left;
  width: 28.57143%;
}

.calendar-widget .widget .widget--header .calendar-navigation .prev,
.calendar-widget .widget .widget--header .calendar-navigation .next {
  position: relative;
  float: left;
  width: 50%;
  text-align: center;
  font-size: 35px;
  font-size: 2.33333rem;
  padding-top: 35px;
  color: #999;
}

.calendar-widget .widget .widget--header .calendar-navigation .prev:hover,
.calendar-widget .widget .widget--header .calendar-navigation .prev:focus,
.calendar-widget .widget .widget--header .calendar-navigation .next:hover,
.calendar-widget .widget .widget--header .calendar-navigation .next:focus {
  color: #000;
}

.calendar-widget .widget .widget--header .calendar-navigation .next:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 80px;
  background-color: #e6e6e6;
}

.calendar-widget .widget .widget--header .calendar-extra {
  float: right;
  width: 28.57143%;
}

.calendar-widget .widget .widget--header .calendar-extra .complete-calendar,
.calendar-widget .widget .widget--header .calendar-extra .add-new-task {
  position: relative;
  float: left;
  width: 50%;
  text-align: center;
  font-size: 25px;
  font-size: 1.66667rem;
  padding-top: 40px;
  color: #999;
}

.calendar-widget .widget .widget--header .calendar-extra .complete-calendar:hover,
.calendar-widget .widget .widget--header .calendar-extra .complete-calendar:focus,
.calendar-widget .widget .widget--header .calendar-extra .add-new-task:hover,
.calendar-widget .widget .widget--header .calendar-extra .add-new-task:focus {
  color: #000;
}

.calendar-widget .widget .widget--header .calendar-extra .complete-calendar {
  font-size: 30px;
  font-size: 2rem;
  padding-top: 37px;
}

.calendar-widget .widget .widget--header .calendar-extra .add-new-task:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 80px;
  background-color: #e6e6e6;
}

.calendar-widget .widget .week-log {
  display: table;
  border-top: 1px solid #e6e6e6;
  background-color: #fafafa;
  overflow: hidden;
}

.calendar-widget .widget .week-log .day {
  display: table-cell;
  position: relative;
  width: 14.28571428571429%;
}

.calendar-widget .widget .week-log .day .date {
  display: block;
  padding: 40px 0;
  color: #c1c1c1;
  line-height: 1;
  text-align: center;
}

.calendar-widget .widget .week-log .day .date .day-number {
  font-size: 42px;
  font-size: 2.8rem;
  font-weight: 700;
}

.calendar-widget .widget .week-log .day .date .day-name {
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 300;
  text-transform: uppercase;
}

.calendar-widget .widget .week-log .day:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #e6e6e6;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), color-stop(80%, #e6e6e6), to(rgba(230,230,230,0)));
  background: -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 80%, rgba(230,230,230,0) 100%);
  background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 80%, rgba(230,230,230,0) 100%);
}

.calendar-widget .widget .week-log .day:last-child:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #e6e6e6;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), color-stop(80%, #e6e6e6), to(rgba(230,230,230,0)));
  background: -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 80%, rgba(230,230,230,0) 100%);
  background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 80%, rgba(230,230,230,0) 100%);
}

.calendar-widget .widget .week-log .day.today {
  background-color: #fff;
}

.calendar-widget .widget .week-log .day.today .date {
  color: #fff;
  background-color: #F36F20;
}

.calendar-widget .widget .week-log .day.today:before {
  background-color: #b4b4b4;
  background: -webkit-gradient(linear, left top, left bottom, from(#b4b4b4), color-stop(80%, #b4b4b4), to(rgba(180,180,180,0)));
  background: -webkit-linear-gradient(top, #b4b4b4 0%, #b4b4b4 80%, rgba(180,180,180,0) 100%);
  background: linear-gradient(to bottom, #b4b4b4 0%, #b4b4b4 80%, rgba(180,180,180,0) 100%);
}

.calendar-widget .widget .week-log .day.today:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #b4b4b4;
  background: -webkit-gradient(linear, left top, left bottom, from(#b4b4b4), color-stop(80%, #b4b4b4), to(rgba(180,180,180,0)));
  background: -webkit-linear-gradient(top, #b4b4b4 0%, #b4b4b4 80%, rgba(180,180,180,0) 100%);
  background: linear-gradient(to bottom, #b4b4b4 0%, #b4b4b4 80%, rgba(180,180,180,0) 100%);
}

.calendar-widget .widget .week-log .day .events {
  padding-bottom: 20px;
}

.calendar-widget .widget .week-log .day .events .event {
  position: relative;
  display: block;
  padding: 15px 0 10px;
  margin: 0 10px 0 35px;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  font-size: .8rem;
}

.calendar-widget .widget .week-log .day .events .event:after {
  position: absolute;
  font-family: 'icomoon';
  content: "\e642";
  color: #F36F20;
  top: 16px;
  left: -23px;
  font-size: 10px;
  font-size: .66667rem;
}

.calendar-widget .widget .week-log .day .events .event:last-child {
  border-bottom: none;
}

.calendar-widget .widget .week-log .day .events .event.income:after {
  content: "\e641";
  font-size: 12px;
  font-size: .8rem;
}

.calendar-widget .widget .week-log .day .events .event.outcome:after {
  content: "\e641";
  font-size: 12px;
  font-size: .8rem;
}

.calendar-widget .widget .week-log .day .events .event .time {
  font-weight: 700;
  color: #F36F20;
}

.calendar-widget .widget .week-log .day .events .event .content {
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .currency-exchange-widget {
    padding: 0 12px 20px;
  }
}

@media only screen and (min-width: 768px) {
  .currency-exchange-widget {
    padding: 0 24px 20px;
  }

  .currency-exchange-widget .currency-exchange-table {
    padding: 0;
    width: 100%;
    border-collapse: inherit;
  }

  .currency-exchange-widget .currency-exchange-table .col-icon,
  .currency-exchange-widget .currency-exchange-table .col-title {
    width: 23.91304347826087%;
  }

  .currency-exchange-widget .currency-exchange-table .col-holder {
    width: 76.08695652173912%;
  }

  .currency-exchange-widget .currency-exchange-table .col-holder .col-currency {
    height: auto;
    width: 25%;
    border-left: 1px solid #d9d9d9;
  }

  .currency-exchange-widget .currency-exchange-table .col-holder .col-currency>span {
    display: inline;
    vertical-align: baseline;
  }

  .currency-exchange-widget .currency-exchange-table .col-title {
    position: relative;
    text-align: left;
    font-size: 14px;
    font-size: .93333rem;
  }

  .currency-exchange-widget .currency-exchange-table .col-title span {
    padding-left: 12px;
  }

  .currency-exchange-widget .currency-exchange-table--header {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d9d9d9;
  }

  .currency-exchange-widget .currency-exchange-table--header .col-icon {
    line-height: 68px;
    text-align: center;
  }

  .currency-exchange-widget .currency-exchange-table--header .col-icon img {
    height: 45px;
  }

  .currency-exchange-widget .currency-exchange-table--header .col-holder {
    margin-left: 23.91304347826087%;
  }

  .currency-exchange-widget .currency-exchange-table--header .col-holder th {
    border-bottom: 1px solid #e6e6e6;
  }

  .currency-exchange-widget .currency-exchange-table--header .col-holder .col-currency {
    border: none;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    width: 20%;
    border-bottom: 1px solid #e6e6e6;
  }

  .currency-exchange-widget .currency-exchange-table--header .col-holder .col-currency:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0px;
    display: block;
    height: 20px;
    width: 1px;
    border-left: 1px solid #d9d9d9;
  }

  .currency-exchange-widget .currency-exchange-table--header .col-currency {
    height: 50px;
    padding: 8px;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    width: 20%;
  }

  .currency-exchange-widget .currency-exchange-table--row {
    margin: 0;
    line-height: 40px;
    border-bottom: 1px solid #e6e6e6;
  }

  .currency-exchange-widget .currency-exchange-table--row td {
    border-bottom: 1px solid #d9d9d9;
  }

  .currency-exchange-widget .currency-exchange-table--row:last-child td {
    border-bottom: 0;
  }

  .currency-exchange-widget .currency-exchange-table--row .col-title:before {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 6px;
    height: 32px;
    background-color: #F36F20;
    border-radius: 4px;
    display: none;
  }

  .currency-exchange-widget .currency-exchange-table--row.selling .col-title:before {
    display: block;
    background-color: #D65A10;
  }

  .currency-exchange-widget .currency-exchange-table--row.buying .col-title:before {
    display: block;
    background-color: #F36F20;
  }

  .currency-exchange-widget .currency-exchange-table--row .col-currency {
    height: auto;
    font-weight: 300;
    border-top: none;
    text-align: center;
    color: #262626;
    border-left: 1px solid #d9d9d9;
    font-size: 14px;
    font-size: .93333rem;
    width: 20%;
  }

  .currency-exchange-widget .currency-exchange-table--row .col-currency .col-currency-val {
    display: inline-block;
    direction: initial;
  }

  .currency-exchange-widget .currency-exchange-table--row .col-currency.first {
    margin-top: 15px;
    line-height: 50px;
  }

  .currency-exchange-widget .currency-exchange-table--row .col-currency.first:before {
    background-color: #F36F20;
  }

  .currency-exchange-widget .currency-exchange-table--row .col-currency.first .col-title {
    padding-bottom: 10px;
  }

  .currency-exchange-widget .currency-exchange-table--row .col-currency.first .col-currency {
    padding-bottom: 10px;
  }

  .currency-exchange-widget .currency-exchange-table--footer {
    width: auto;
    margin: 0;
    line-height: 40px;
    background-color: #f5f5f5;
  }

  .currency-exchange-widget .currency-exchange-table--footer .col-title {
    color: #404040;
  }

  .currency-exchange-widget .currency-exchange-table--footer .col-currency {
    height: auto;
    text-align: center;
    color: #404040;
    font-size: 14px;
    font-size: .93333rem;
    font-weight: 300;
    border-top: none;
    border-left: 1px solid #d9d9d9;
    width: 20%;
  }

  .currency-exchange-widget .currency-exchange-table--footer .col-currency:after {
    content: ".";
    visibility: hidden;
  }
}

.currency-exchange-widget .widget-title .icon-in-title {
  position: relative;
  top: -5px;
}

.currency-exchange-widget .mobile-currency-exchange-rates {
  margin: 15px 10px;
  text-align: center;
  border-top: 1px solid #dfdfdf;
  background-color: transparent;
}

.currency-exchange-widget .mobile-currency-exchange-rates .buying {
  border-right: 1px solid #dfdfdf;
}

.currency-exchange-widget .mobile-currency-exchange-rates .buying,
.currency-exchange-widget .mobile-currency-exchange-rates .selling {
  margin-bottom: 10px;
  padding: 15px 0;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  .currency-exchange-widget .mobile-currency-exchange-rates .buying,
  .currency-exchange-widget .mobile-currency-exchange-rates .selling {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.currency-exchange-widget .mobile-currency-exchange-rates .buying .rate,
.currency-exchange-widget .mobile-currency-exchange-rates .selling .rate {
  font-weight: 400;
}

.currency-exchange-widget .mobile-currency-exchange-rates .middle {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  .currency-exchange-widget .switcher-menu.accounts .btn {
    padding: 0 10px;
  }
}

.currency-exchange-widget .currency-exchange-calculator {
  margin: 10px 10px 0;
  padding: 10px 0;
  border: 1px dashed;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .currency-exchange-widget .currency-exchange-calculator {
    margin: 10px auto 0;
  }
}

@media only screen and (min-width: 768px) {
  .currency-exchange-widget .currency-exchange-calculator {
    margin: 0;
    padding: 18px 0 0;
    border: none;
    background-color: transparent;
  }
}

.currency-exchange-widget .currency-exchange-calculator--title {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 300;
  text-align: center;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .currency-exchange-widget .currency-exchange-calculator--title {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.currency-exchange-widget .currency-exchange-calculator--subtitle {
  font-size: 13px;
  font-size: .86667rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .currency-exchange-widget .currency-exchange-calculator--subtitle {
    text-align: right;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .currency-exchange-widget .currency-exchange-calculator--row {
    display: inline-block;
    width: 45%;
    vertical-align: middle;
  }
}

.currency-exchange-widget .currency-exchange-calculator--col {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 0 10px;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .currency-exchange-widget .currency-exchange-calculator--col {
    width: 45%;
    padding: 0;
  }
}

.currency-exchange-widget .currency-exchange-calculator--col .select-holder {
  margin-top: 17px;
}

.currency-exchange-widget .currency-exchange-calculator--seperator {
  display: inline-block;
  width: 10%;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  font-size: .8rem;
  color: #4d4d4d;
}

.currency-exchange-widget .currency-exchange-calculator .conversion-rate {
  text-align: center;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 300;
  color: #404040;
}

.currency-exchange-widget .currency-exchange-calculator .equal {
  position: relative;
  width: 30px;
  height: 30px;
  font-size: 20px;
  font-weight: 700;
  margin: 10px auto;
  text-align: center;
}

.currency-exchange-widget .currency-exchange-calculator .equal:before {
  content: '';
  background-color: #f5f5f5;
  height: 50px;
  width: 1px;
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
}

@media only screen and (min-width: 768px) {
  .currency-exchange-widget .currency-exchange-calculator .equal {
    display: inline-block;
    width: 10%;
    vertical-align: middle;
    text-align: center;
  }
}

.currency-exchange-widget .currency-exchange-calculator .equal span {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  line-height: 24px;
  background-color: #f5f5f5;
  border-radius: 50%;
  z-index: 1;
}

.loans-widget {
  padding: 0 24px 20px;
}

.loans-widget .carousel .carousel-inner {
  background-color: #fff;
  padding-bottom: 10px;
  border-radius: 4px;
}

@media only screen and (min-width: 768px) {
  .loans-widget .carousel .carousel-inner {
    padding-bottom: 15px;
  }
}

.loans-widget .carousel .carousel-inner h3 {
  margin: 30px 32px 10px;
  font-size: 20px;
  font-size: 1.33333rem;
  padding-top: 14px;
  position: relative;
}

.loans-widget .carousel .carousel-inner h3:before {
  content: '';
  width: 40px;
  height: 6px;
  border-radius: 3px;
  background-color: #F36F20;
  position: absolute;
  top: 0;
  left: 0;
}

.loans-widget .carousel .carousel-inner .text-right {
  position: absolute;
  top: 0;
  right: 0;
}

.loans-widget .carousel .carousel-control {
  top: 50%;
  margin-top: -20px;
}

.loans-widget .carousel .carousel-control.left {
  left: -6px;
}

@media only screen and (min-width: 768px) {
  .loans-widget .carousel .carousel-control.left {
    left: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .loans-widget .carousel .carousel-control.left {
    left: 30px;
  }
}

.loans-widget .carousel .carousel-control.right {
  right: -6px;
}

@media only screen and (min-width: 768px) {
  .loans-widget .carousel .carousel-control.right {
    right: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .loans-widget .carousel .carousel-control.right {
    right: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .quickPaymentSubmit__submit {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 6px;
  }
}

@media only screen and (min-width: 768px) {
  div ~ .loans-widget {
    margin-bottom: 40px;
  }
}

.beneficiary-carousel__number {
  font-size: 10px;
  font-size: .66667rem;
  color: gray;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
  text-align: center;
  width: 50px;
  line-height: 5;
}

.mos-panel {
  display: table;
  width: 100%;
  margin: 15px 0;
  border: 1px solid #dadada;
  min-height: 85px;
}

.mos-panel .col-6 {
  position: relative;
  display: table-cell;
  width: 50%;
  border-left: 1px solid #dadada;
}

.mos-panel .col-6 .carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mos-panel .col-6 .carousel-indicators {
  bottom: 10px;
  left: 20px;
  margin: 0;
  width: auto;
  padding: 0 20px;
}

.mos-panel .col-6 .carousel-indicators li {
  border: none;
  width: 6px;
  height: 6px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  background-color: #CCC;
}

.mos-panel .col-6 .carousel-indicators li.active {
  border: none;
  background-color: #F36F20;
}

.mos-panel .col-6 .carousel-inner {
  height: 100%;
}

.mos-panel .col-6 .carousel-inner .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mos-panel .col-6 .carousel-inner .item .carousel-caption {
  position: static;
  font-size: 15px;
  font-size: 1rem;
  padding: 15px 20px;
  text-align: left;
  text-shadow: none;
  color: #262626;
}

.mos-panel .col-6 .carousel-inner .item .carousel-item-link {
  position: absolute;
  bottom: 10px;
  right: 15px;
}

.mos-panel .col-2 {
  display: table-cell;
  text-align: center;
  width: 16.66666666666667%;
  padding: 15px;
  color: #000;
  border-left: 1px solid #dadada;
}

.mos-panel .col-2 a {
  color: #4d4d4d;
}

.mos-panel .col-2 .mos-wrapper {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 55px;
  height: 40px;
}

.mos-panel .col-2 .mos-wrapper span[class^="icon-"] {
  font-size: 30px;
  font-size: 2rem;
  color: #737373;
}

.mos-panel .col-2 .mos-wrapper .badge {
  position: absolute;
  bottom: 2px;
  right: 5px;
  font-size: 11px;
  font-size: .73333rem;
  color: #fff;
  background-color: #F36F20;
  border: 2px solid #f5f5f5;
  padding: 2px 4px;
}

.mos-panel .col-2:first-child {
  border-left: none;
}

.mos-panel .col-2 .full-wh {
  display: block;
  height: 100%;
  background-color: #FFF;
}

.mos-panel .col-2 .title {
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 700;
}

.mos-panel .col-2:hover,
.mos-panel .col-2:focus {
  background-color: rgba(255,255,255,0.7);
}

.deposits-overview-chart-holder {
  min-height: 400px;
}

.product-overview {
  padding: 30px 10px;
}

.shortcuts {
  padding: 0;
  font-family: 'kite_oneregular', sans-serif;
  list-style: none;
}

.shortcuts li {
  position: relative;
  padding: 0;
  font-family: 'kite_oneregular', sans-serif;
  list-style: none;
  padding: 10px 10px 10px 40px;
}

.product-overview li {
  border-bottom: 1px solid #e5e5e5;
}

.savings-overview {
  margin: 20px 0;
}

.shortcuts li span[class^="icon"] {
  font-size: 18px;
  font-size: 1.2rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: auto;
  height: 50%;
}

.product-basics {
  margin-bottom: 15px;
}

.product-basics .title {
  position: relative;
  font-size: 24px;
  font-size: 1.6rem;
  padding: 10px 15px;
  background: #e5e5e5;
}

.product-basics .tableview {
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
}

.chart-legend {
  padding: 30px 0;
  background: #fafafa;
}

.chart-legend .legend-icon {
  float: left;
  width: 30px;
  height: 30px;
}

.chart-legend .legend-description {
  float: left;
  line-height: 30px;
  margin-left: 10px;
}

.legend-icon.income {
  background: #169051;
}

.legend-icon.profit {
  background-image: url(../graphics//shuttered_bg.svg);
  background-color: transparent;
  background-size: 200px 200px;
}

.saving-subscription-header {
  padding: 0 !important;
  background-color: #f0f0f0;
  border: none !important;
  margin-bottom: 25px !important;
}

.saving-subscription-title {
  padding: 15px 30px;
  background-color: #e5e5e5;
}

.form-tip {
  display: block;
  padding-bottom: 5px;
}

.form-tip.alert {
  color: #de5b3e;
  margin: 0;
  padding: 10px 0 0 10px;
}

.form-tip.alert.info {
  color: #F36F20;
}

.form-tip.alert span[class^="icon-"] {
  position: relative;
  font-size: 20px;
  font-size: 1.33333rem;
  top: 3px;
  padding-right: 10px;
}

.saving-product-description {
  font-size: 12px;
  font-size: .8rem;
  line-height: 14px;
  margin-bottom: 10px;
}

.saving-goal span {
  position: relative;
  font-size: 20px;
  font-size: 1.33333rem;
  top: 3px;
}

.savings-trends h3 {
  margin: 50px 0 60px;
  font-size: 32px;
  font-size: 2.13333rem;
}

.chart-popup {
  display: none;
  position: absolute;
  width: 180px;
  height: 75px;
  left: 50%;
  top: -70px;
  margin-left: -90px;
  padding: 20px 10px;
  border: 1px solid #000;
  background-color: #fff;
  text-align: center;
}

.chart-popup:before,
.chart-popup:after {
  position: absolute;
  content: "";
  top: 73px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #fff;
}

.chart-popup:before {
  top: 74px;
  border-top: 12px solid #000;
}

.chart-popup.active {
  display: block;
}

.chart-popup .label {
  display: block;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #000;
  padding: 0;
}

.chart-popup .amount-text {
  font-size: 16px;
  font-size: 1.06667rem;
}

.deposit-trend .chart-trends .bar-holder .bar {
  position: relative;
  display: inline-block;
  width: 0%;
  height: 100%;
  margin-top: -1px;
  background-color: #2b8804;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.deposit-trend .chart-trends .bar-holder .bar:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #1e5e03;
}

.deposit-trend .chart-trends .bar-holder .bar:before {
  position: absolute;
  content: "";
  bottom: -30px;
  right: 0;
  width: 1px;
  height: 60px;
  background-color: #9a9a9a;
}

.deposit-trend .chart-trends .bar-holder .bar .current-position-mark {
  position: absolute;
  left: 100%;
  bottom: -30px;
}

.deposit-trend .chart-trends .bar-holder .bar .current-position-mark .info-text {
  position: relative;
  left: 10%;
  font-size: 13px;
  font-size: .86667rem;
  text-transform: uppercase;
}

.deposit-trend .chart-trends .bar-holder .bar .current-position {
  position: absolute;
  right: 0;
  bottom: 69px;
  z-index: 10;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
}

.deposit-trend .chart-trends .bar-holder .bar .current-position-content {
  position: relative;
  min-width: 140px;
  right: -50%;
  padding: 10px;
  border: 1px solid #000;
  background-color: #fff;
  text-align: center;
}

.deposit-trend .chart-trends .bar-holder .bar .current-position-content:before {
  position: absolute;
  content: "";
  bottom: -13px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #000;
}

.deposit-trend .chart-trends .bar-holder .bar .current-position-content:after {
  position: absolute;
  content: "";
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #fff;
}

.deposit-trend .chart-trends .bar-holder .bar .current-position .amount-text {
  font-size: 16px !important;
  font-size: 1.06667rem !important;
}

.deposit-trend .chart-trends .bar-holder .chartmark.start-mark .chartmark-content {
  left: -50%;
  text-align: center;
}

.deposit-trend .chart-trends .bar-holder .chartmark.end-mark .chartmark-content {
  position: relative;
  right: -50%;
  text-align: center;
}

.deposit-trend .disclaimer-holder {
  padding: 16px 0 0;
  font-size: 12px;
  font-size: .8rem;
  color: #b3b3b3;
}

#header.payments {
  border-bottom: 1px solid #E3E3E3;
}

.navlist.payments>li>a {
  color: #000000;
}

.navlist.payments>li>a:hover {
  color: #AFABAB;
}

.search.payments {
  background-color: #E0E0E0;
}

.panel-payments {
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.panel-payments .expandable {
  margin-bottom: 0;
}

.panel-payments h2 {
  margin: 0;
}

.panel-payments h3 {
  margin: 4px 0;
}

.panel-payments .errBlock {
  margin-top: 10px;
}

.panel-payments-content .modSpacer {
  background-color: #fff;
  border: solid 1px #e6e6e6;
  border-bottom: 0;
  padding: 10px;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  padding-top: 16px;
}

.panel-payments-content .modSpacer>.transfer {
  padding-top: 0;
}

.panel-payments-content .modSpacer>.transfer .transfer--status {
  padding-top: 0;
}

.panel-payments-content .modSpacer.closed {
  border-bottom: solid 1px #e6e6e6;
}

.panel-payments-content .modSpacer.no-optional {
  border-bottom: solid 1px #e6e6e6;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

@media only screen and (min-width: 768px) {
  .panel-payments-content .modSpacer {
    padding: 0 16px;
    padding-top: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .panel-payments-content .modSpacer {
    padding: 0 37px;
    padding-top: 40px;
  }
}

.panel-payments-content .modSpacer+.optional-fields {
  border-top: 0;
  border: 0;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.panel-payments-content .modSpacer.finalStep {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.panel-payments-content .legal-disclaimer {
  padding: 20px 15px 20px;
  color: #404040;
  font-size: 13px;
  font-size: .86667rem;
  border-top: 1px solid #dcdcdc;
}

.panel-payments-content .payment-row {
  padding: 0 10px;
  margin: 10px 0;
}

.panel-payments-content .payment-header {
  margin-top: 24px;
}

.panel-payments-content .payment-panel-success {
  margin: 0;
}

.panel-payments-content .payment-panel-success .row {
  padding: 8px 0;
  font-size: 18px;
  font-size: 1.2rem;
}

.panel-payments-content .payments-textarea {
  width: 100%;
  height: 100px;
  padding: 15px;
  margin: 0;
  border: 1px solid #9a9a9a;
  background-color: #f9f9f9;
}

.panel-payments__seperator {
  -webkit-box-shadow: 1px 0 2px 0 rgba(0,0,0,0.1);
  box-shadow: 1px 0 2px 0 rgba(0,0,0,0.1);
  position: absolute;
  top: 0;
  left: 41.66666667%;
  min-height: 700px;
  height: 100vh;
  width: 2px;
  z-index: 9;
  margin-left: -2px;
}

@media only screen and (max-width: 767px) {
  .panel-payments__seperator {
    display: none;
  }
}

.panel-payments__state {
  padding: 10px;
}

.ie8 .panel-payments__state {
  border-right: 1px solid #d9d9d9;
}

@media only screen and (min-width: 768px) {
  .panel-payments__state {
    padding: 32px 16px 16px;
  }
}

.panel-payments__stateDetails {
  padding: 10px 10px 0;
}

@media only screen and (max-width: 767px) {
  .panel-payments__stateDetails .padding_15 {
    padding: 10px 0;
  }
}

@media only screen and (min-width: 768px) {
  .panel-payments__stateDetails {
    padding: 35px 50px 0;
  }
}

.panel-payments .optional-fields {
  margin-bottom: 0;
}

.panel-payments .optional-fields .payment__expandable {
  margin: 0;
  overflow: hidden;
  background-color: #fff;
}

.panel-payments .optional-fields .payment__expandable>.collapse-btn:hover,
.panel-payments .optional-fields .payment__expandable>.collapse-btn:focus {
  outline: 0;
}

.panel-payments .optional-fields .payment__expandable>.collapse-btn:hover .expandable-title,
.panel-payments .optional-fields .payment__expandable>.collapse-btn:focus .expandable-title {
  background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) {
  .panel-payments .optional-fields .payment__expandableCover,
  .panel-payments .optional-fields .pos-loan-overview .pos-loan__expandableCover,
  .pos-loan-overview .panel-payments .optional-fields .pos-loan__expandableCover {
    padding: 32px 37px;
  }
}

.panel-payments .optional-fields .payment__expandableCover,
.panel-payments .optional-fields .pos-loan-overview .pos-loan__expandableCover,
.pos-loan-overview .panel-payments .optional-fields .pos-loan__expandableCover {
  border-bottom: 0px;
}

.panel-payments .expandable-title h2 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
}

.panel-payments .description-title,
.panel-payments dt {
  font-size: 12px;
  font-size: .8rem;
  font-weight: normal;
  line-height: 1.2;
  margin: 0;
  color: #262626;
}

.panel-payments .description-detail,
.panel-payments dd {
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: #262626;
}

.panel-payments .description-detailInfo {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: #262626;
}

.account-info {
  font-size: 10px;
  font-size: .66667rem;
  color: #4d4d4d;
  padding-top: 15px;
}

@media only screen and (min-width: 768px) {
  .account-info {
    padding-left: 0;
    padding-top: 0;
    position: relative;
    margin-top: 0;
  }
}

.upload-info {
  margin-top: 8px;
}

.upload-btn {
  margin-top: 10px;
}

.payment-header {
  position: relative;
  padding: 10px 0 1px;
}

@media only screen and (min-width: 1024px) {
  .payment-header {
    position: relative;
    padding: 0 0 1px;
  }
}

.payment-header .close-payment {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media only screen and (min-width: 768px) {
  .payment-header .close-payment {
    display: none;
  }
}

.payment-header .close-payment:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: #fff;
  z-index: -1;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.progress-dg {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .progress-dg {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .progress-dg {
    margin: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .progress-dg {
    text-align: right;
  }
}

.progress-dg__title {
  display: inline-block;
  margin-right: 5px;
  font-size: 10px;
  font-size: .66667rem;
  font-weight: 700;
  vertical-align: middle;
}

@media only screen and (max-width: 1023px) {
  .progress-dg__title {
    display: none;
  }
}

.progress-dg__bar {
  display: inline-block;
  width: 30%;
  height: 10px;
  border-radius: 10px;
  background-color: #e6e6e6;
  overflow: hidden;
  vertical-align: middle;
}

@media only screen and (min-width: 1024px) {
  .progress-dg__bar {
    width: 120px;
  }
}

.progress-dg__bar-current {
  height: 10px;
  border-radius: 10px;
  background-color: #2b8804;
}

.progress-dg__bar-current.one-third {
  width: 33.3333%;
}

.progress-dg__bar-current.two-third {
  width: 66.6666%;
}

.progress-dg__bar-current.one-half {
  width: 50%;
}

.progress-dg__bar-current.complete {
  width: 100%;
}

.progress-dg__bar-current.error {
  width: 100%;
  background-color: #de5b3e;
}

.progressbar {
  width: 200px;
  margin: 10px auto;
  padding: 0;
  overflow: hidden;
}

.progressbar-text {
  display: none;
}

.progressbar li {
  position: relative;
  float: left;
  width: 33.33333333333333%;
  padding-top: 30px;
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
  list-style-type: none;
  color: #4d4d4d;
}

.progressbar li span[class^="icon-"] {
  position: absolute;
  top: 0;
  width: 30px;
  line-height: 30px;
  font-size: 13px;
  font-size: .86667rem;
  color: #fff;
  background-color: #2b8804;
  border-radius: 15px;
  z-index: 5;
}

.progressbar li.input span[class^="icon-"] {
  left: 0;
}

.progressbar li.input.active+.summary {
  margin-left: 10px;
  margin-right: -10px;
}

.progressbar li.input.active+.summary:before {
  left: -15px;
}

.progressbar li.input.active+.summary+li:before {
  left: 2px;
}

.progressbar li.summary:before,
.progressbar li.success:before,
.progressbar li.rejected:before {
  content: '\e617';
  font-family: 'icomoon';
  position: absolute;
  top: -2px;
  font-size: 25px;
  font-size: 1.66667rem;
  color: #2b8804;
}

.progressbar li.summary span[class^="icon-"] {
  left: 50%;
  margin-left: -15px;
}

.progressbar li.summary:before {
  left: -21px;
}

.progressbar li.summary.active span[class^="icon-"] {
  left: 5px;
  margin-left: 0;
}

.progressbar li.summary.active:before {
  left: -28px;
}

.progressbar li.summary.active:after {
  left: 15px;
}

.progressbar li.summary.active+li:before {
  left: 2px;
}

.progressbar li.success span[class^="icon-"],
.progressbar li.rejected span[class^="icon-"] {
  right: 0;
}

.progressbar li.success:before,
.progressbar li.rejected:before {
  left: -3px;
}

.progressbar li.rejected span[class^="icon-"] {
  background-color: #e05a37;
}

.progressbar li.rejected:before {
  left: -3px;
  color: #e05a37;
}

.progressbar li.active span[class^="icon-"] {
  width: 45px;
  line-height: 30px;
}

.progressbar li.active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 10px;
  height: 30px;
  width: 45px;
  border-radius: 15px;
  border: 2px solid #2b8804;
  background-color: #fff;
  z-index: 1;
}

.progressbar li.active.summary:before,
.progressbar li.active.success:before {
  color: #2b8804;
}

.progressbar li.active ~ li span[class^="icon-"] {
  line-height: 26px;
  color: #4d4d4d;
  background-color: #fff;
  border: 2px solid #CCC;
}

.progressbar li.active ~ li:before {
  color: #4d4d4d;
}

.progressbar.two-steps li {
  width: 50%;
}

.progressbar__two-steps {
  width: 150px;
}

.progressbar__two-steps li {
  width: 50%;
}

.progressbar__two-steps li.success:before {
  left: auto;
  right: 100%;
  margin-right: -12px;
}

.progressbar__two-steps li.active+li:before {
  margin-right: -24px;
}

@media only screen and (min-width: 768px) {
  .payment-panel:after {
    content: '';
    position: absolute;
    width: 1px;
    border-left: 1px dashed #4d4d4d;
    top: 80px;
    left: 7.5%;
    bottom: 5px;
  }

  .payment-panel:last-child:after,
  .payment-panel:last-of-type:after {
    display: none;
  }
}

.optional-fields .payment-panel:before {
  display: none;
}

.optional-fields .payment-panel:after {
  display: none;
}

.payment-panel {
  padding-bottom: 16px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .payment-panel {
    padding-bottom: 40px;
  }

  .payment-panel:last-child {
    padding-bottom: 24px;
  }
}

.payment__expandableCover .payment-panel,
.pos-loan-overview .pos-loan__expandableCover .payment-panel {
  padding: 16px 10px;
}

.payment-panel .form-group {
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .payment-panel .form-group {
    margin-bottom: 32px;
  }
}

.payment-panel .form-group.last {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .payment-panel .form-group.mobile {
    margin-bottom: 32px;
  }
}

.payment-panel .payment-form-label {
  text-align: center;
  color: #adadad;
}

@media only screen and (min-width: 768px) {
  .payment-panel .payment-form-label {
    text-align: left;
  }
}

@media only screen and (min-width: 768px) {
  .payment-panel .aria-converted-label,
  .payment-panel .form-group label,
  .payment-panel .input-group label {
    text-align: left;
  }
}

.payment-panel h2,
.payment-panel h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .payment-panel h2,
  .payment-panel h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.payment-panel--no-h-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.payment-panel--no-h-padding--topborder {
  border: none;
}

.payment-panel--no-h-padding--topborder+.payment-panel--no-h-padding--topborder {
  border-top: 1px solid #e6e6e6;
}

.payment-column-wrapper {
  position: relative;
  padding: 0;
}

.payment-column-wrapper+.payment-column-wrapper:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 200px;
  top: 0;
  background-color: #e6e6e6;
}

.payment-column {
  padding: 50px 22px 25px;
}

.payment-column .account-info {
  margin-top: 30px;
  padding: 0 10px;
}

.payment-column__legend {
  border-bottom: none;
  text-align: center;
}

.payment-column__title,
.payment-column__subtitle {
  font-size: 12px;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.1;
  text-transform: uppercase;
  border: none;
  padding-left: 0;
  padding-right: 0;
}

.payment-column__subtitle {
  font-size: 16px;
  font-size: 1.06667rem;
  text-align: center;
  margin-bottom: 8px;
}

.payment-column__description {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.33;
  color: gray;
  text-align: center;
}

.payment-column__description--medium {
  font-size: 14px;
  font-size: .93333rem;
}

.payment-column--light {
  padding: 22px;
}

.payment-column--light .payment-column__title {
  font-size: 16px;
  font-size: 1.06667rem;
  text-transform: initial;
}

.payment-column--light .payment-image-legend {
  width: 60px;
}

.payment-panel__row+.payment-panel__row {
  margin-top: 30px;
}

.payment-panel__title {
  margin-bottom: 30px;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
}

.payment-panel__title-label {
  margin-top: 8px;
  margin-bottom: 15px;
  font-size: 17px;
  font-size: 1.13333rem;
  font-weight: 300;
  line-height: 1.1;
  border: none;
}

.payment-panel__title-legend {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.1;
  border: none;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 768px) {
  .payment-panel__title-legend {
    margin-bottom: 0;
    text-align: center;
  }
}

.payment-panel__title-legend span {
  vertical-align: middle;
  text-transform: uppercase;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .payment-panel__title-legend span {
    text-align: center;
    display: block;
  }
}

.payment-panel__title-legend span+span {
  margin-left: 8px;
}

@media only screen and (min-width: 768px) {
  .payment-panel__title-legend span+span {
    margin-left: 0;
    margin-top: 8px;
  }
}

.payment-image-legend {
  width: 50px;
  height: auto;
  margin-bottom: 8px;
}

.payment-panel__title-legendTip {
  margin-top: 10px;
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.1;
  color: gray;
  text-align: center;
  border-bottom: none;
}

.payment-panel__title-legendIcon {
  font-size: 24px;
  font-size: 1.6rem;
  color: gray;
  margin-top: 1px;
}

.payment__viewMonthlyLimits {
  font-size: 10px;
  font-size: .66667rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  margin-top: 16px;
  margin-bottom: 16px;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .payment__viewMonthlyLimits {
    margin-top: 18px;
  }
}

@media only screen and (min-width: 768px) {
  .payment__topSpacer {
    margin-top: 30px;
    padding-left: 8%;
  }
}

.payment-panel-label-group {
  margin-bottom: 5px;
}

.payment-panel-label-group .payment-panel__label+.payment-panel__label--small {
  margin-left: 20px;
}

.payment-panel__label {
  margin: 0;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 400;
}

.payment-panel__label--small {
  margin: 0;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 300;
  color: #404040;
  border: none;
}

.payment-panel__label--small+.custom-radio-group {
  margin-top: 10px;
}

.payment-panel__tip-label {
  display: block;
  margin: 0;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 300;
  color: #404040;
}

.payment-panel__post-label {
  position: relative;
  font-size: 12px;
  font-size: .8rem;
  font-style: italic;
  padding-top: 8px;
  padding-bottom: 8px;
}

.payment-panel__post-label #courseText {
  white-space: nowrap;
}

.payment-panel__button-holder {
  font-size: 0;
  margin-top: 20px;
  overflow: hidden;
}

.payment-panel__button-holder .btn {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  .payment-panel__button-holder .btn {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .payment-panel__button-holder .btn.domesticPayment__buttonCancell {
    display: inline-block;
  }
}

.payment-panel__button-holder .btn+.btn {
  margin-top: 10px;
}

.payment-panel__expandable {
  margin-bottom: 0;
}

.two-steps li {
  width: 50%;
}

.green-bg {
  font-size: 1.5px;
  font-size: .1rem;
  color: #fff;
  border: none;
  background: #03af4d;
}

.dark-green {
  color: #0e8743;
}

.hatched {
  padding: 15px !important;
  background: url(../graphics//hatched_bg.svg);
  border: none;
}

.ie8 .hatched {
  background: url(../graphics//hatched_bg_ie8.png);
}

.hatched>.dashed {
  margin: 0;
  padding: 30px;
  border: 1px dashed #000;
  background: #fff;
}

.hatched>.dashed .row {
  padding: 5px 0;
}

.padding-top-9 {
  padding-top: 9px;
}

.padding-top-4 {
  padding-top: 4px;
}

.to-avatar-placeholder {
  height: 50px;
  float: right;
}

.to-avatar {
  position: relative;
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 50px;
  color: #fff;
  background: #CCC;
  overflow: hidden;
  border-radius: 45px;
}

.sr-only-margin {
  position: relative;
  margin-bottom: 20px;
}

.btn-glyphicon {
  margin-top: 25px;
  background-color: #f9f9f9;
  border-radius: 0px !important;
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
  border-bottom: 2px solid #404040;
  border-right: 1px solid #404040;
  line-height: 1.4;
}

.panel-info--pos--info .icon {
  font-size: 20px;
  font-size: 1.33333rem;
  display: inline-block;
  vertical-align: middle;
}

.only-arrow {
  font-size: 24px;
  font-size: 1.6rem;
  margin: 15px 0;
}

.panel-title-payments {
  margin-right: 20px;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #B1B1B1;
}

.panel-payment-optionals {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.panel-payment-optionals .panel-heading {
  cursor: pointer;
}

.panel-payment-optionals .panel-body {
  padding: 0px;
}

.in-currency {
  position: relative;
  top: 10px;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #404040;
}

.model-and-ref-number-holder .model-code-and-number {
  float: left;
  width: 75px;
}

.model-and-ref-number-holder .model-code-and-number .model-code {
  position: relative;
  float: left;
  width: 30px;
  top: 9px;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #404040;
}

.model-and-ref-number-holder .model-code-and-number .model-number {
  overflow: hidden;
}

.model-and-ref-number-holder .model-reference-number {
  overflow: hidden;
  padding-left: 10px;
}

.input-append {
  position: relative;
}

.input-append:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  right: 48px;
  background-color: #9a9a9a;
}

.input-append .large {
  padding-right: 50px;
}

.input-append .ui-datepicker-trigger {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 17px;
  cursor: pointer;
}

.panel-body {
  background: #fff;
}

.search-and-action {
  margin: 20px 10px;
}

.search-and-action .search-holder {
  overflow: hidden;
}

.search-and-action .large {
  height: 51px;
  font-size: 18px;
  font-size: 1.2rem;
  border-bottom: 1px solid #b4b4b4;
}

.search-and-action .btn-new-payment-mobile {
  float: right;
  width: 53px;
  height: 51px;
  padding: 8px 0 0;
  margin-left: 10px;
  color: #FFF !important;
  border: none;
  background-color: #4d4d4d;
  text-align: center;
}

.search-and-action .btn-new-payment-mobile span[class^="icon"] {
  position: relative;
  top: 0;
  margin-right: 0;
}

.search-and-action .btn-new-payment-mobile span {
  display: block;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
}

.search-and-action .btn-new-payment-mobile span.button-label {
  text-transform: uppercase;
  font-size: 12px;
  font-size: .8rem;
}

.paysomeone-panel {
  margin: 0 0 10px 0;
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel {
    position: relative;
    margin: 0 0 20px 0;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
  }
}

.paysomeone-panel--header-mobile {
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel--header-mobile {
    display: none;
  }
}

.paysomeone-panel--header-mobile .switcher-menu .btn {
  padding: 0 20px;
}

.paysomeone-panel--header-mobile .switcher-menu span[class^="icon-"] {
  position: relative;
  top: 2px;
  font-size: 18px;
  font-size: 1.2rem;
  color: #000;
  margin-right: 5px;
}

.paysomeone-panel__column {
  position: relative;
  width: 100%;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel__column {
    width: 50%;
    vertical-align: top;
  }
}

.paysomeone-panel__column.active {
  display: block;
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel__column.active {
    display: inline-block;
    width: 50%;
  }
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel__column.active .tab {
    background-color: #F36F20;
  }
}

.paysomeone-panel__column.active .intro {
  display: none;
}

.paysomeone-panel__column.active .intro__no-data {
  display: block;
  background-color: #FFF !important;
}

.paysomeone-panel__column.active .intro.visible {
  display: block;
}

.paysomeone-panel__column.inactive {
  display: none;
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel__column.inactive {
    display: inline-block;
  }
}

.paysomeone-panel__column.in-edit-mode.list-holder {
  display: none;
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel__column.in-edit-mode.list-holder {
    display: inline-block;
  }
}

.paysomeone-panel__column.in-edit-mode.details-holder {
  display: block;
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel__column.in-edit-mode.details-holder {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel__column+.paysomeone-panel__column {
    border-left: 1px solid #dbdbdb;
  }
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel .tab {
    position: relative;
    padding: 1px 0;
    background-color: #b3b3b3;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
  }
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel .tab.active {
    background-color: #F36F20;
  }
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel .tab h2 {
    margin: 18px 0;
    font-size: 20px;
    font-size: 1.33333rem;
    font-weight: 300;
  }
}

.paysomeone-panel .tab-panel {
  position: relative;
  height: 340px;
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel .tab-panel {
    height: 495px;
  }
}

.paysomeone-panel .tab-panel h5 {
  margin: 30px 0 10px 0;
}

.paysomeone-panel .tab-panel .intro {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 65px;
  text-align: center;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  color: #404040;
  background-color: #f5f5f5;
  visibility: visible;
  opacity: 1;
  z-index: 1;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel .tab-panel .intro {
    padding-top: 120px;
  }
}

.paysomeone-panel .tab-panel .intro .intro-text {
  max-width: 300px;
  padding: 15px;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1.1;
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel .tab-panel .intro .intro-text {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.paysomeone-panel .tab-panel .intro .info {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.paysomeone-panel .tab-panel .body {
  position: relative;
  overflow: hidden;
  -webkit-transition: height .3s ease 0s;
  transition: height .3s ease 0s;
}

.paysomeone-panel--content {
  position: relative;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

.paysomeone-panel__beneficiary-details {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 10;
}

@media only screen and (min-width: 768px) {
  .paysomeone-panel__beneficiary-details {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15) inset;
  }
}

.paysomeone-panel__beneficiary-details.active {
  width: 100%;
}

.paysomeone-panel__beneficiary-details.active .btn-close-beneficiary-edit {
  position: static;
  margin-left: 20px;
}

.paysomeone-panel.search-results .tab {
  width: 100%;
  background-color: #F36F20;
}

.paysomeone-panel.search-results .beneficiary {
  border-bottom: 1px solid #dedede;
  border-top: none;
}

.recent-payments-list {
  margin: 15px 0;
}

.recent-payments-list__index {
  margin-left: -15px;
  padding: 10px 20px 2px;
  font-size: 13px;
  font-size: .86667rem;
  border-bottom: 1px solid #dedede;
}

.payments {
  list-style: none;
  margin: 0;
  padding: 0;
}

.payment {
  padding: 15px 5px;
}

.payment__info {
  width: 80%;
}

.payment__action {
  width: 20%;
}

.payment__title {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1.1;
}

.payment__description {
  font-size: 13px;
  font-size: .86667rem;
  color: #404040;
}

.payment__amount .amount-text {
  font-size: 13px;
  font-size: .86667rem;
}

.transfer {
  padding: 10px;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .transfer {
    padding: 42px 10px;
  }
}

@media only screen and (min-width: 768px) {
  .transfer__gsm-vouchers {
    padding: 60px 0 100px;
  }
}

.transfer__clear-bottom-padding {
  padding-bottom: 0;
}

.transfer__mobile-number {
  margin: 30px 0 10px;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #404040;
}

.transfer.confirmation {
  padding: 10px 0 60px;
}

@media only screen and (min-width: 768px) {
  .transfer.confirmation {
    padding: 0;
  }
}

.transfer--col,
.transfer--col-1-2 {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .transfer--col+.transfer--col {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) {
  .transfer--col {
    position: relative;
    float: left;
    width: 33.33%;
  }
}

.transfer--col:last-child .transfer--header__icon:after {
  display: none;
}

@media only screen and (min-width: 768px) {
  .transfer--col-1-2 {
    position: relative;
    float: left;
    width: 45%;
  }
}

.transfer--col-seperator,
.transfer--col-seperator-1-2 {
  position: relative;
  color: #404040;
}

@media only screen and (min-width: 768px) {
  .transfer--col-seperator,
  .transfer--col-seperator-1-2 {
    float: left;
    padding-top: 52px;
    text-align: center;
    color: #c1c1c1;
  }
}

.transfer--col-seperator .icon-arrow-convertable,
.transfer--col-seperator-1-2 .icon-arrow-convertable {
  display: block;
  margin: 20px 0;
}

@media only screen and (min-width: 768px) {
  .transfer--col-seperator .icon-arrow-convertable,
  .transfer--col-seperator-1-2 .icon-arrow-convertable {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .transfer--col-seperator .icon-arrow-convertable,
  .transfer--col-seperator-1-2 .icon-arrow-convertable {
    opacity: 0;
  }
}

.transfer--col-seperator .icon-arrow-convertable:before,
.transfer--col-seperator-1-2 .icon-arrow-convertable:before {
  font-size: 10px;
  font-size: .66667rem;
  content: "\e61b";
}

@media only screen and (min-width: 768px) {
  .transfer--col-seperator .icon-arrow-convertable:before,
  .transfer--col-seperator-1-2 .icon-arrow-convertable:before {
    font-size: 24px;
    font-size: 1.6rem;
    content: "\e606";
  }
}

@media only screen and (min-width: 768px) {
  .transfer--col-seperator {
    width: 11%;
  }
}

@media only screen and (min-width: 768px) {
  .transfer--col-seperator-1-2 {
    width: 10%;
  }
}

.transfer h2.transfer--header {
  margin: 10px 0;
  color: #262626;
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  .transfer h2.transfer--header {
    margin: 0 0 16px;
  }
}

.transfer--header__icon {
  margin-bottom: 10px;
  color: #4d4d4d;
  position: relative;
}

.transfer--header__icon .transferIconImage {
  width: 50px;
}

.transfer--header__icon>span {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 6px 0 5px 0;
  line-height: 50px;
  background-color: #fff;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
  .transfer--header__icon {
    position: static;
  }
}

.transfer--header__icon:after {
  content: '';
  height: 1px;
  position: absolute;
  top: 50%;
  left: 78px;
  right: 18px;
  border-bottom: 1px dashed #4d4d4d;
  background-color: #ccc;
}

@media only screen and (max-width: 767px) {
  .transfer--header__icon:after {
    display: none;
    top: 74px;
    left: 15px;
    height: 80%;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    width: 1px;
  }
}

.transfer--header__icon.last:after {
  display: none;
}

@media only screen and (min-width: 768px) {
  .transfer--header__icon.noLine:after {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .transfer--header__icon {
    margin-bottom: 35px;
  }
}

.transfer--header__icon span[class^="icon-"] {
  font-size: 24px;
  font-size: 1.6rem;
  color: gray;
}

.transfer--account,
.transfer--amount {
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .transfer--account,
  .transfer--amount {
    line-height: 1;
  }
}

.transfer--account {
  max-width: 100%;
  word-wrap: break-word;
}

@media only screen and (min-width: 768px) {
  .transfer--account {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

.transfer--account--nickname {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1.2em;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #262626;
}

.transfer--account--iban {
  font-size: 14px;
  font-size: .93333rem;
}

.transfer--amount {
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.06667rem;
}

.transfer--data {
  display: block !important;
  padding-top: 5px;
  line-height: 1.2;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 300;
  color: #4d4d4d;
}

.transfer--data+.transfer--data {
  padding-top: 0;
}

.transfer--status-bar {
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 15px 0;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 700;
  text-align: center;
  margin: 15px 0;
  text-transform: uppercase;
}

.transfer--status-bar.executed {
  color: #2b8804;
}

.transfer--status-bar.rejected {
  color: #DE5B3D;
}

.transfer--status-bar.scheduled {
  color: #0060af;
}

.transfer--status-bar span[class^="icon-"] {
  font-size: 20px;
  font-size: 1.33333rem;
  vertical-align: text-bottom;
  margin: 0 5px;
}

.transfer--status {
  font-size: 18px;
  font-size: 1.2rem;
  padding: 15px 0;
  margin-bottom: 12px;
  position: relative;
  display: block;
  color: #262626;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .transfer--status {
    display: inline-block;
  }
}

.transfer--status+.transfer--status {
  margin-top: 8px;
}

@media only screen and (min-width: 768px) {
  .transfer--status+.transfer--status {
    margin-left: 16px;
  }
}

.transfer--status .title {
  display: none;
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 4px;
  color: #262626;
}

.transfer--status .text-center {
  font-size: 12px;
  font-size: .8rem;
  text-align: left;
}

.transfer--status .ref-number {
  color: #0d0d0d;
  font-size: 12px;
  font-size: .8rem;
}

.transfer--status .block-title {
  display: inline-block;
  vertical-align: top;
  margin-top: 14px;
}

.transfer--status .transfer-icon {
  display: inline-block;
  margin: 0;
  margin-right: 24px;
  width: 64px;
  height: 64px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.transfer--status .icon-transfer-success {
  color: #2b8804;
}

.transfer--status .icon-transfer-rejected {
  color: #DE5B3D;
}

.transfer--status.success .transfer-icon {
  background-image: url(../graphics/MASS/ic_check_on.svg);
}

.transfer--status.success .title.success {
  display: block;
  color: #262626;
}

.transfer--status.success .title.success .small.text-mutted {
  font-weight: lighter;
  color: #404040;
}

.transfer--status.rejected {
  margin-top: 20px;
}

.transfer--status.rejected .transfer-icon {
  background-image: url(../graphics/MASS/ic_check_off.svg);
}

.transfer--status.rejected .title.rejected {
  display: block;
  color: #DE5B3D;
}

.transfer--status.warning {
  margin-top: 20px;
}

.transfer--status.warning .transfer-icon {
  background-image: url(../graphics/MASS/ic_attention.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

.transfer--status.warning .title.warning {
  display: block;
}

@media only screen and (min-width: 768px) {
  .transfer--success,
  .transfer--rejected {
    font-size: 24px;
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 768px) {
  .transfer--success .title,
  .transfer--rejected .title {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media only screen and (min-width: 768px) {
  .transfer--success .icon,
  .transfer--rejected .icon {
    margin: 0 auto 20px;
    width: 130px;
    border-radius: 60px;
  }
}

.transfer--rejected {
  margin-top: 40px;
}

.transfer--notification {
  padding: 10px;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 300;
  line-height: 1.25;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 4px;
}

@media only screen and (max-width: 767px) {
  .transfer--notification {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .transfer--notification {
    padding: 35px 20px 45px;
  }
}

.transfer--notification .icon-info {
  font-size: 20px;
  font-size: 1.33333rem;
  margin: 15px 0;
}

.transfer--details__wrapper {
  padding: 8px 24px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .transfer--details__wrapper {
    margin-top: 15px;
  }
}

.transfer--details__wrapper .panel__title--large {
  font-weight: 300;
  margin: 0;
}

.transfer--details__wrapper .panel__title--large+.transfer--details {
  margin-top: 56px;
}

.transfer--details__button-wrapper {
  padding: 0 0 16px 0;
  text-align: right;
}

.standalone__title {
  font-size: 14px;
  font-size: .93333rem;
  color: #262626;
  font-weight: bold;
}

.transfer--details {
  position: relative;
  color: #404040;
}

@media only screen and (min-width: 768px) {
  .transfer--details {
    text-align: left;
  }
}

.transfer--details.standalone {
  background-color: transparent;
  margin-bottom: 60px;
}

.panel.viewDetails .transfer--details.standalone {
  margin-bottom: 0;
}

.transfer--details.standalone .transfer--details__img {
  display: none;
}

@media only screen and (min-width: 768px) {
  .transfer--details.standalone .transfer--details__img {
    display: block;
    position: absolute;
    top: 0;
    left: 48px;
    width: 89px;
  }
}

@media only screen and (min-width: 768px) {
  .transfer--details.standalone .transfer--details__data {
    padding-left: 260px;
    padding-right: 24px;
  }
}

.transfer--details.standalone:after {
  content: none;
}

.transfer--details.standalone .row {
  padding: 16px 0;
}

.transfer--details.standalone .row * {
  font-size: 14px;
  font-size: .93333rem;
}

.transfer--details.standalone .row+.row {
  border-top: 1px solid #e6e6e6;
}

.transfer--details.standalone .description-details {
  text-align: right;
}

.transfer--details .payment-form-label,
.transfer--details h3,
.transfer--details span {
  font-size: 12px;
  font-size: .8rem;
  text-align: left;
  margin: 0;
  line-height: 1.2;
  color: #404040;
  letter-spacing: 0.2px;
  font-weight: 300;
}

.transfer--details .description-details {
  font-size: 14px;
  font-size: .93333rem;
  font-weight: bold;
  color: #404040;
  word-break: break-word;
  line-height: 1.2;
}

.transfer--details .description-details:empty:before {
  content: '-';
}

.transfer--details .group {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .transfer--details .group {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.transfer--details .group .title {
  margin-top: 10px;
  padding: 5px;
  text-align: center;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .transfer--details .group .title {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.transfer--details .group .title.success {
  color: #2b8804;
}

.transfer--details .group .title.rejected {
  color: #DE5B3D;
}

.transfer--details hr {
  border-top-color: #e6e6e6;
}

#moreBeneficiaryDetails {
  padding: 50px 30px 0;
}

.payer-info {
  display: block;
  margin: 10px 0;
  padding: 15px;
  color: #404040;
  background-color: #f5f5f5;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .payer-info {
    text-align: left;
  }
}

.payer-info--basic {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .payer-info--basic {
    width: 50%;
  }
}

.payer-info--basic .payer-info--image {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .payer-info--basic .payer-info--image {
    margin-bottom: 0;
  }
}

.payer-info--basic .payer-info--info {
  margin: 0 0 0 -45px;
  padding-left: 55px;
  line-height: 1.2em;
}

@media only screen and (min-width: 768px) {
  .payer-info--basic .payer-info--info {
    max-width: 300px;
    margin: 0 0 0 -45px;
    padding-left: 75px;
    line-height: 1.2em;
    text-align: left;
  }
}

.payer-info--basic .payer-info--info .name {
  font-size: 16px;
  font-size: 1.06667rem;
}

.payer-info--basic .payer-info--info .nickname,
.payer-info--basic .payer-info--info .purpose {
  font-size: 14px;
  font-size: .93333rem;
}

.payer-info--basic .payer-info--info .account-number {
  font-size: 13px;
  font-size: .86667rem;
  color: #404040;
}

.payer-info--data {
  width: 100%;
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .payer-info--data {
    width: 50%;
    margin-top: 0;
  }
}

.payer-info--data .payer-info--column {
  width: 50%;
  line-height: 1.2;
}

.payer-info--data .payer-info--column.limitsInfoBox__info {
  width: 100%;
}

.payer-info--data .payer-info--column .amount-text {
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 400;
  color: #404040;
}

.beneficiary-info {
  display: block;
  margin: 30px 0 0;
  padding: 30px 30px 15px;
  color: #404040;
  background-color: #f5f5f5;
  text-align: center;
}

.beneficiary-info--basic {
  display: inline-block;
  margin-bottom: 15px;
  text-align: center;
}

.beneficiary-info--image {
  width: 40px;
  height: 40px;
}

.beneficiary-info--info {
  margin: 0 0 0 -45px;
  padding-left: 75px;
  line-height: 1.2em;
  text-align: left;
}

.beneficiary-info--info .name {
  font-size: 16px;
  font-size: 1.06667rem;
}

.beneficiary-info--info .nickname,
.beneficiary-info--info .purpose {
  font-size: 14px;
  font-size: .93333rem;
}

.beneficiary-info--info .account-number {
  font-size: 13px;
  font-size: .86667rem;
  color: #404040;
}

.beneficiary-info--message {
  text-align: center;
  font-size: 13px;
  font-size: .86667rem;
}

.beneficiary--details {
  border-bottom: 1px solid #AFA9A9;
  margin-left: 60px;
  padding: 10px;
}

.coordinator-word {
  display: inline-block;
  font-size: 10px;
  font-size: .66667rem;
  color: #404040;
  vertical-align: middle;
}

.coordinator-word+button,
.coordinator-word+span,
.coordinator-word+div {
  display: inline-block;
  vertical-align: middle;
}

.payment-panel__connected-row {
  line-height: 36px;
}

.payment-panel__connected-row .currency-label {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  color: #404040;
}

.payment-panel__beneficiary-details .beneficiary-detail {
  margin: 15px 0 15px 15px;
}

.beneficiary-detail {
  line-height: 1.1;
  word-break: break-word;
}

.beneficiary-detail .title {
  font-size: 15px;
  font-size: 1rem;
}

.beneficiary-detail .description {
  font-size: 14px;
  font-size: .93333rem;
  color: #404040;
}

.panel-payments__save-beneficiary {
  padding: 30px 0 8px;
}

.save-beneficiary-info {
  position: relative;
  padding: 18px 24px 18px 16px;
  text-align: center;
  border-radius: 0;
  background-color: #f5f5f5;
  display: table;
  width: 100%;
}

.save-beneficiary-info .payment-panel__button-holder {
  margin-top: 0;
}

.save-beneficiary-info:before {
  content: "";
  width: 40px;
  line-height: 40px;
  font-size: 20px;
  font-size: 1.33333rem;
  font-family: 'icomoon';
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .save-beneficiary-info:before {
    display: none;
  }
}

.save-beneficiary-info.info:before {
  content: '\e64a';
  color: #DE5B3D;
}

.save-beneficiary-info.warning:before {
  content: "\e946";
  color: gray;
}

.save-beneficiary-info.success:before {
  content: '\e624';
  color: #2b8804;
}

.save-beneficiary-info .saveBeneficiary-actions {
  margin-top: 15px;
}

.saveBeneficiary-info-text {
  vertical-align: middle;
  display: table-cell;
  text-align: left;
  padding-right: 16px;
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.1;
  color: #262626;
}

.saveBeneficiary-actions {
  vertical-align: middle;
  display: table-cell;
  text-align: right;
}

.payment-to-details {
  display: inline-block;
}

.payment-to-details__title {
  font-size: 15px;
  font-size: 1rem;
}

.payment-to-details__description {
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.1;
  color: #404040;
}

.limits-info__row {
  font-size: 10px;
  font-size: .66667rem;
  padding: 8px 0px;
}

.limits-info__row:after {
  content: "";
  display: table;
  clear: both;
}

.limits-info__row+.limits-info__row {
  border-top: 1px solid #e6e6e6;
}

.limits-info__amount-text {
  font-size: 10px;
  font-size: .66667rem;
}

.limits-table {
  margin-top: 15px;
  margin-bottom: 40px;
  font-size: 13px;
  font-size: .86667rem;
  color: #4d4d4d;
  position: relative;
  padding-bottom: 16px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.limits-table__col {
  float: left;
  width: 50%;
  padding-right: 10px;
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .limits-table__col {
    width: 20%;
  }
}

@media only screen and (min-width: 1024px) {
  .limits-table__col {
    width: 20%;
    padding-right: 20px;
  }
}

.limits-table__title {
  font-weight: 400;
  font-size: 10px;
}

.limits-table__amount-text {
  font-weight: 500;
  font-size: 11px;
}

.mandatory-field__disclaimer {
  margin: 16px 0;
  font-size: 10px;
  font-size: .66667rem;
  font-weight: 300;
  color: #4d4d4d;
}

.activation-code {
  margin: 30px 0;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .activation-code {
    text-align: left;
    margin: 0;
  }
}

.activation-code__title {
  font-size: 12px;
  font-size: .8rem;
  color: #0d0d0d;
}

.activation-code__title .btn-info-icon {
  color: #7f7f7f;
  vertical-align: bottom;
}

.activation-code__code {
  display: inline-block;
  margin: 10px 0;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 38px;
  border-radius: 4px;
  background-color: #7f7f7f;
}

.activation-code__note {
  font-size: 10px;
  font-size: .66667rem;
  line-height: 1.2;
  color: #4d4d4d;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .payment-panel__title-label {
    margin-bottom: 0;
  }

  .payment-panel__button-holder .btn {
    display: inline-block;
  }

  .payment-panel__button-holder .btn+.btn {
    margin-top: 0;
    margin-left: 10px;
  }

  .payment-panel__button-holder .btn+.btn.pull-right {
    margin-top: 0;
    margin-left: 0;
  }

  .payment-panel__button-holder .btn.pull-right+.btn {
    margin-top: 0;
    margin-left: 0;
  }

  .payment-panel__button-holder .pull-right+.pull-right {
    margin-left: 0;
  }
}

.ie8 .payment-panel__title-label {
  margin-bottom: 0;
}

.ie8 .payment-panel__post-label {
  position: absolute;
}

.ie8 .payment-panel__button-holder .btn {
  display: inline-block;
}

.ie8 .payment-panel__button-holder .btn+.btn {
  margin-top: 0;
  margin-left: 10px;
}

.ie8 .payment-panel__button-holder .full-of-right+.full-of-right {
  margin-right: 10px;
  margin-left: 0;
}

.payment__expandable {
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 24px;
}

.account-overview .payment__expandable {
  border-bottom: 1px solid #e6e6e6;
}

.account-overview .payment__expandable .payment__expandableCover,
.account-overview .payment__expandable .pos-loan-overview .pos-loan__expandableCover,
.pos-loan-overview .account-overview .payment__expandable .pos-loan__expandableCover {
  padding: 6px 10px;
}

.account-overview .payment__expandable .expandable-title {
  padding-right: 0;
  height: 13px;
  z-index: 1;
}

.account-overview .payment__expandable .expandable-title .btn-more-fields {
  position: absolute;
  right: 0;
  top: 6px;
}

.account-overview .payment__expandable .transfer-detail dt {
  font-size: 10px;
  font-size: .66667rem;
  color: #4d4d4d;
}

.account-overview .payment__expandable .transfer-detail dd {
  font-size: 11px;
  font-size: .73333rem;
  font-weight: 500;
  color: #4d4d4d;
}

.payment__expandable .modSpacer {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
}

.payment__expandable>.collapse-btn {
  display: block;
  position: relative;
  z-index: 2;
}

.payment__expandable>.collapse-btn:hover,
.payment__expandable>.collapse-btn:focus {
  outline: 0;
}

.payment__expandable>.collapse-btn:hover .expandable-title,
.payment__expandable>.collapse-btn:focus .expandable-title {
  background-color: #fff;
}

.payment__expandable .expandable-title {
  text-align: right;
  padding-right: 24px;
  background-color: #fff;
}

.payment__expandable .expandable-title:after {
  right: 15px;
  font-size: 12px !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  background: none !important;
}

.payment__expandable .expandable-title h2 {
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  font-size: 10px;
  font-size: .66667rem;
  position: relative;
}

.payment__expandable .expandable-title h2 span {
  position: absolute;
  top: 18px;
  right: -20px;
  padding: 6px 26px 6px 12px;
  line-height: 10px;
}

.modSpacer.finalStep .payment__expandable {
  margin-left: -10px;
  margin-right: -10px;
}

@media only screen and (min-width: 768px) {
  .modSpacer.finalStep .payment__expandable {
    margin-left: -50px;
    margin-right: -50px;
  }
}

.modSpacer.finalStep .payment__expandable .collapse {
  border-top: 1px solid #D9D9D9;
}

@media only screen and (min-width: 768px) {
  .modSpacer.finalStep .payment__expandable .transfer-detail {
    width: 50%;
  }
}

.payment__expandable .transfer--details {
  border-radius: 1px;
  background-color: #fafafa;
}

.panel-payments-content .payment__expandable {
  border: 1px solid #e6e6e6;
  border-top: 0;
  border-bottom: 0;
}

.payment__expandableCover,
.pos-loan-overview .pos-loan__expandableCover {
  padding: 14px 10px;
  border-top: 1px solid #e6e6e6;
}

.payment__expandableCover .disclaimer,
.pos-loan-overview .pos-loan__expandableCover .disclaimer {
  font-size: 12px;
  font-size: .8rem;
  margin-top: 16px;
}

.payment__expandableCover .payment-panel,
.pos-loan-overview .pos-loan__expandableCover .payment-panel {
  border-top: 0;
}

.payment__expandableCover .transfer-detail,
.pos-loan-overview .pos-loan__expandableCover .transfer-detail {
  padding: 10px 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .payment__expandableCover .transfer-detail,
  .pos-loan-overview .pos-loan__expandableCover .transfer-detail {
    padding-left: 24px;
  }
}

.payment__expandableCover .transfer-detail dt,
.pos-loan-overview .pos-loan__expandableCover .transfer-detail dt {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: gray;
  font-weight: normal;
  display: block;
}

.payment__expandableCover .transfer-detail dd,
.pos-loan-overview .pos-loan__expandableCover .transfer-detail dd {
  font-size: 14px;
  font-size: .93333rem;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: gray;
  display: block;
}

.optionalArea {
  padding: 32px 48px;
  border-top: 1px solid #e6e6e6;
  background-color: #fafafa;
}

.collapse__payment-details-wrapper {
  padding: 10px;
  overflow: hidden;
  border-top: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .collapse__payment-details-wrapper {
    padding: 0 48px;
  }
}

.collapse__payment-details-wrapper .transfer-detail {
  margin: 10px 0;
}

.collapse__payment-details-wrapper .transfer-detail--iconWrapper {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

@media only screen and (min-width: 768px) {
  .collapse__payment-details-wrapper .transfer-detail {
    display: inline-block;
    width: 33.33%;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 0;
    vertical-align: top;
  }
}

.collapse__payment-details-wrapper .description-detail,
.collapse__payment-details-wrapper .transfer-detail dd {
  font-weight: 700;
  color: #404040;
}

.collapse__payment-details-wrapper .description-detail:empty:before,
.collapse__payment-details-wrapper .transfer-detail dd:empty:before {
  content: '-';
}

.payment-details-multi {
  padding-bottom: 24px;
}

.payment-details-multi__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  line-height: 1.2;
  color: #4d4d4d;
  padding: 12px 0;
  border-bottom: 1px solid #ccc;
  display: block;
}

@media only screen and (min-width: 768px) {
  .payment-details-multi__title {
    padding: 24px 0;
  }
}

.payment-details-multi__title.transfer--status .transfer-icon {
  width: 16px;
  height: 16px;
}

.payment-details-multi__header {
  padding: 30px 0 0;
}

.payment-details-multi__header:after {
  content: "";
  display: table;
  clear: both;
}

.payment-details-multi__header.withSpace {
  padding-bottom: 12px;
}

@media only screen and (min-width: 768px) {
  .payment-details-multi__header.withSpace {
    padding-bottom: 24px;
  }
}

.payment-details-multi__header h3 {
  font-size: 11px;
  font-size: .73333rem;
  line-height: 1.2;
  color: gray;
}

.payment-details-multi__row {
  padding: 16px 0;
}

.payment-details-multi__row:after {
  content: "";
  display: table;
  clear: both;
}

.payment-details-multi__row+.payment-details-multi__row {
  border-top: 1px solid #ccc;
}

.payment-details-multi__row>div {
  padding-right: 24px;
  font-size: 12px;
  font-size: .8rem;
  color: #4d4d4d;
}

.payment-details-multi__row .boldTitle {
  font-weight: bold;
  line-height: 1.7;
}

.payment-details-multi__row .text+.text:before {
  content: ': ';
}

.payment-details-multi__row .text+.text:empty:before {
  content: ': -';
}

.wrapper-autocomplete {
  display: none;
  position: absolute;
  top: 51px;
  z-index: 100;
  left: -1px;
  right: 49px;
}

.wrapper-autocomplete .ui-autocomplete li {
  padding-left: 16px;
  display: none;
}

.j-paymentRequestDateInfo {
  display: none;
}

.panel-background {
  padding: 40px 16px;
}

@media only screen and (min-width: 768px) {
  .panel-background {
    padding: 70px 40px;
  }
}

.panel-background .panel-payments .panel {
  margin-left: -16px;
  margin-right: -16px;
  border-left-width: 0;
  border-right-width: 0;
}

.panel-background .panel-payments .panel .payment-panel {
  padding: 16px 8px;
}

@media only screen and (min-width: 768px) {
  .panel-background .panel-payments .panel .payment-panel {
    padding: 40px 0;
  }
}

@media only screen and (min-width: 768px) {
  .panel-background .panel-payments .panel {
    margin-left: 0;
    margin-right: 0;
    border-left-width: 1px;
    border-right-width: 1px;
  }
}

.panel-background .payment-panel:after,
.panel-background .payment-panel:before {
  left: 12.5% !important;
}

.panel-background-header {
  font-size: 18px;
  font-size: 1.2rem;
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 16px 30px 16px;
  line-height: normal;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .panel-background-header {
    padding: 0 15% 30px 15%;
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.panel-background-header .username {
  display: inline-block;
  padding: 2px 8px;
  font-weight: 400;
  background-color: #fff;
}

.panel-background-wp-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  overflow: hidden;
  margin: 0 auto;
  display: none;
}

@media only screen and (min-width: 768px) {
  .panel-background-wp-img {
    display: block;
  }
}

.panel-background-wp-img.mobile {
  display: block;
}

@media only screen and (min-width: 768px) {
  .panel-background-wp-img.mobile {
    display: none;
  }
}

.panel-background-wp-img img {
  width: 100%;
  margin-left: 0;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  height: auto;
}

.payment__paramCover {
  background-color: #fafafa;
  padding: 24px 16px;
  border-top: solid 1px #e6e6e6;
}

.wrapperFormOther {
  clear: both;
}

@media only screen and (max-width: 767px) {
  .limitsInfoBox__info {
    width: 100%;
    text-align: left;
    display: block;
    padding-top: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .cardPayOff__button {
    width: 100%;
    padding: 0;
    margin-top: 8px;
  }
}

.bulkPaymentsIndexPage__filtered {
  margin-left: 0;
}

.bulkPaymentsFilter__button {
  margin-right: 40px;
}

.bulkPaymentsFilter__label {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.2;
  text-align: left;
  color: #262626;
  font-size: 12px;
  font-weight: 500;
}

.bulkPaymentsFilter__select,
.bulkPaymentsFilter__datePicker,
.bulkPaymentsFilter__input {
  margin-bottom: 16px;
}

.bulkPaymentsFilter__buttonFooter {
  margin-left: 8px;
}

.bulkPaymentsFilter__datePickerContainer {
  margin-top: 24px;
}

.bulkPaymentsFilter__selectLabel {
  position: relative;
  top: -18px;
  font-size: 12px;
  font-size: .8rem;
}

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

@media only screen and (max-width: 767px) {
  .paySomeone__buttonCover {
    padding-top: 48px;
  }
}

.paymentDetail {
  position: relative;
  padding: 0 0 50px;
}

.paymentDetail:after {
  content: '';
  position: absolute;
  left: 16%;
  top: 70px;
  bottom: 10px;
  width: 1px;
  border-left: 1px dashed #4d4d4d;
}

.paymentDetail:last-child:after {
  display: none;
}

@media only screen and (max-width: 767px) {
  .paymentDetail {
    padding: 0 0 8px;
  }

  .paymentDetail:after {
    display: none;
  }
}

.paymentDetail__icon {
  position: relative;
  display: block;
  width: 200px;
  vertical-align: top;
  padding-top: 5px;
  padding-left: 24px;
}

@media only screen and (min-width: 768px) {
  .paymentDetail__icon {
    display: inline-block;
    padding-left: 0;
  }
}

.paymentDetail__icon img {
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .paymentDetail__icon img {
    margin: 0;
  }
}

.paymentDetail__desc {
  display: block;
  padding-left: 24px;
}

@media only screen and (min-width: 768px) {
  .paymentDetail__desc {
    display: inline-block;
    padding-left: 0;
  }
}

.paymentDetail__desc .descLabel {
  margin-bottom: 12px;
  font-size: 12px;
  font-size: .8rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #262626;
}

@media only screen and (max-width: 767px) {
  .paymentDetail__desc .descLabel {
    margin-top: 8px;
  }
}

.paymentDetail__desc .descTitle {
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #262626;
}

.paymentDetail__desc .descDetails {
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 300;
  color: #4d4d4d;
}

.transferStatus {
  padding: 40px 0;
}

.transferStatus__icon {
  position: relative;
  display: block;
}

@media only screen and (min-width: 768px) {
  .transferStatus__icon {
    display: inline-block;
    float: left;
    width: 200px;
    vertical-align: middle;
  }
}

.transferStatus__icon img {
  display: block;
  margin: 0 auto;
  width: 64px;
}

.transferStatus.success .contentTitle {
  color: #2b8804;
}

.transferStatus.rejected .contentTitle {
  color: #DE5B3D;
}

.transferStatus__content {
  display: block;
}

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

.transferStatus__content .contentWrapper {
  padding-right: 30px;
}

.transferStatus__content .contentTitle {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  color: #262626;
}

.transferStatus__content .contentDetails {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  line-height: 1.25;
  color: #4d4d4d;
}

.docsPreviewIntro {
  margin: 30px 0;
}

.docsPreviewIntro__text {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  line-height: 1.5;
  color: #262626;
}

.currency-select {
  display: block;
  position: relative;
  background-color: #ffffff;
  float: right;
  width: 25%;
  height: 50px;
  border: 0;
  border-left: 1px solid #e6e6e6;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 8px;
}

.safari .currency-select {
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.usabillaStyle {
  padding: 0px 16px 12px;
  background-color: #f5f5f5;
  margin: -40px 24px 0;
}

#UsabillaInPageStatic .usabillaStyle {
  margin: 0;
  background-color: transparent;
}

.UsabillaInPageStatic__inner {
  margin: 32px 0 16px;
  padding: 24px;
  border: 1px solid #e6e6e6;
}

.paymentListFail {
  padding: 30px 40px;
  border-radius: 1px;
  background-image: -webkit-linear-gradient(149deg, #4d4d4d, #404040);
  background-image: linear-gradient(301deg, #4d4d4d, #404040);
  margin-bottom: 16px;
}

.paymentListFail__title {
  font-size: 12px;
  font-size: .8rem;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  margin: 0;
}

.paymentListFail__icon {
  font-size: 16px;
  margin-right: 8px;
}

.paymentListFail__text {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.7;
  color: #fff;
  margin: 16px 0 0;
}

.paymentListDetailBox {
  border-radius: 1px;
  background-color: #fff;
  border: solid 1px #e6e6e6;
  margin-bottom: 16px;
}

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

.paymentListDetailBox__left {
  padding: 24px 12px 0;
}

.paymentListDetailBox__left .transfer--details.standalone {
  margin-bottom: 12px;
}

@media only screen and (min-width: 768px) {
  .paymentListDetailBox__left {
    padding: 32px 32px 0;
    float: left;
    width: 66.66667%;
  }
}

.paymentListDetailBox__right {
  position: relative;
  background-image: -webkit-linear-gradient(107deg, #F08E00, #F36F20);
  background-image: linear-gradient(343deg, #F08E00, #F36F20);
  min-height: 294px;
}

@media only screen and (min-width: 768px) {
  .paymentListDetailBox__right {
    width: 33.33333%;
    float: right;
  }
}

.paymentListDetailBox__title {
  margin-top: 0;
  margin-bottom: 32px;
  font-weight: 400;
}

.paymentListDetailBox__innerCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
}

.paymentListDetailBox__image {
  max-width: 88px;
  display: block;
  margin: 0 auto;
}

.paymentListDetailBox__amount {
  font-size: 26px;
  font-size: 1.73333rem;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 12px;
  color: #fff;
}

.paymentListDetailBox__label {
  font-size: 12px;
  font-size: .8rem;
  color: #fff;
}

.paymentListDetailBoxGeneric__title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  color: #262626;
  margin: 0;
  padding: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc;
}

.paymentListDetailOptions {
  float: right;
  margin-top: -36px;
}

@media only screen and (min-width: 768px) {
  .paymentListDetailOptions {
    margin-top: -44px;
  }
}

.paymentListDetailOptions .dropdown.actions .dropdown-menu {
  right: 0;
}

.ProgressBackButton {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

@media only screen and (min-width: 1024px) {
  .ProgressBackButton {
    width: 32%;
  }
}

.payment-panel__button-holder {
  margin-top: 0;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  min-height: 48px;
}

.payment-panel__button-holder .btn {
  border-radius: 0;
  float: right;
  height: 48px;
  padding: 16px 16px;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
}

.payment-panel__button-holder .btn+.btn {
  margin-left: 0;
  border-right: 0;
}

.payment-panel__button-holder .ProgressBarBalls {
  display: none;
  width: auto;
  height: 48px;
  float: left;
}

@media only screen and (min-width: 768px) {
  .payment-panel__button-holder .ProgressBarBalls {
    display: block;
  }
}

.payment-panel__button-holder .ProgressBarBalls .ProgressBarBalls__body {
  text-align: left;
  margin-left: 32px;
  margin-right: -32px;
  margin-top: 20px;
}

.payment-panel__button-holder .ProgressBarBalls .ProgressBarBalls__body .ProgressBarBalls__title {
  font-weight: 500;
  text-transform: uppercase;
  float: right;
  margin-left: 16px;
  margin-top: 1px;
}

@media only screen and (min-width: 768px) {
  .payment-panel__button-holder .btn {
    min-width: 156px;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #e6e6e6;
  }
}

.payment-panel__button-holder.productContracting__buttonWrapper {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .payment-panel__button-holder {
    width: auto;
    left: 10px;
    right: 10px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .payment-panel__button-holder {
    width: auto;
    left: 80px;
    right: 10px;
  }
}

@media only screen and (min-width: 1280px) {
  .payment-panel__button-holder {
    width: 944px;
    left: auto;
    right: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .payment-panel__button-holder .btn {
    min-width: 156px;
  }
}

@media only screen and (min-width: 768px) {
  .panel-payments.fixed {
    padding-bottom: 48px;
  }

  .panel-payments.fixed .payment-panel__button-holder,
  .wrapperFixedActionBar.fixed .payment-panel__button-holder {
    border-top: 1px solid #e6e6e6;
    position: fixed;
    bottom: 0;
    z-index: 1;
  }
}

.compensationActionBar {
  display: none;
}

.compensationActionBar.fixed {
  height: 48px;
  display: block;
}

.payment-input::-ms-clear {
  display: none !important;
}

.beneficiary-list-page .page-title {
  display: block;
}

.beneficiary-list-page .page-title:after {
  content: "";
  display: table;
  clear: both;
}

.beneficiary-list-page .page-title .createNewBeneficiary {
  float: right;
}

.beneficiary-list-page .page-title h1 {
  float: left;
  line-height: 1.1;
}

@media only screen and (max-width: 767px) {
  .beneficiary-list-page .page-title h1 {
    line-height: 2;
  }
}

.beneficiary-list-page--header {
  display: none;
}

@media only screen and (min-width: 768px) {
  .beneficiary-list-page--header {
    display: block;
    padding-bottom: 0;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
  }
}

.beneficiary-list-page--header.active {
  display: block;
}

.beneficiary-list-page--header .beneficiary-list--search-and-tabs {
  padding-bottom: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
  box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}

@media only screen and (min-width: 768px) {
  .beneficiary-list-page--header .beneficiary-list--search-and-tabs {
    padding-bottom: 0;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
  }
}

.beneficiary-list-page--header .beneficiary-list--search-and-tabs .search-and-action {
  margin: 10px 0 20px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-list-page--header .beneficiary-list--search-and-tabs .search-and-action {
    margin: 0;
    padding-bottom: 10px;
  }
}

.beneficiaries-panel {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}

.beneficiaries-panel .beneficiary-selector {
  display: none;
}

.beneficiaries-panel .beneficiary-selector.active {
  display: block;
}

.beneficiaries-panel .beneficiary-selector .tab-content {
  background-color: #f5f5f5;
}

.beneficiaries-panel .beneficiary-selector .tab-content .intro {
  display: none;
}

.beneficiaries-panel .beneficiary-content {
  display: none;
}

.beneficiaries-panel .beneficiary-content.active {
  display: block;
}

.beneficiaries-panel .beneficiary-content.active .beneficiaries-panel--header {
  display: none;
}

.beneficiary-list.inEditMode .beneficiary,
.beneficiary-list.inEditMode .index {
  opacity: 0.15;
}

.beneficiary-list .beneficiaries-index .group-title {
  padding-bottom: 4px;
  color: gray;
  font-size: 12px;
  font-size: .8rem;
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 8px;
}

.beneficiary-list .beneficiaries-index .index {
  padding-bottom: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
  color: gray;
  border-bottom: 1px solid #e6e6e6;
  font-size: 12px;
  font-size: .8rem;
  text-transform: uppercase;
  line-height: 1.5;
}

.beneficiary-list .beneficiaries-index .index.active {
  opacity: 1;
}

.beneficiary-list.new-beneficiary {
  background-color: #fff;
}

.beneficiary-list.new-beneficiary .beneficiary {
  border-top: none;
}

.beneficiary-list__noResults {
  margin-top: 40px;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 500;
  line-height: 1.14;
  color: #4d4d4d;
  text-align: center;
}

.beneficiaries {
  list-style: none;
  margin: 0;
  padding: 0;
}

.beneficiaries.favoriteOnes {
  padding-bottom: 8px;
}

.beneficiaries .beneficiary {
  position: relative;
  padding: 12px 16px;
  border-radius: 4px;
}

.beneficiaries .beneficiary:after {
  position: absolute;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 8px;
  font-size: .53333rem;
  line-height: 1;
  color: gray;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: 20px;
  top: 50%;
  margin-top: -5px;
  content: "\e90c";
}

.beneficiaries .beneficiary.load-details {
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.beneficiaries .beneficiary:hover,
.beneficiaries .beneficiary:focus {
  background-color: #d9d9d9;
  outline: 0;
}

.beneficiaries .beneficiary.active {
  background-color: #efeae6;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .beneficiaries .beneficiary.active.isInit {
    background-color: transparent;
  }
}

.beneficiaries .beneficiary--image {
  position: relative;
  width: 40px;
  height: 40px;
}

.beneficiaries .beneficiary--image .favorited {
  text-align: right;
  font-size: 18px;
  font-size: 1.2rem;
  top: -17px;
  color: #f7b63b;
}

.beneficiaries .beneficiary--image .favorite-beneficiary-mark {
  width: 18px;
  height: 18px;
  bottom: -2px;
  right: -2px;
}

.beneficiaries .beneficiary--image .favorite-beneficiary-mark:after {
  font-size: 12px;
}

.beneficiaries .beneficiary--image .rounded {
  border: 1px solid #e6e6e6;
}

.beneficiaries .beneficiary--image .avatarInitials {
  background-color: #fff;
}

.beneficiaries .beneficiary--info {
  margin: 0 0 0 -46px;
  padding-left: 56px;
  width: 90%;
}

.beneficiaries .beneficiary--info .name {
  font-size: 14px;
  font-size: .93333rem;
}

.beneficiaries .beneficiary--info .nickname,
.beneficiaries .beneficiary--info .purpose {
  font-size: 12px;
  font-size: .8rem;
  color: gray;
  line-height: 1.3;
}

.beneficiaries .beneficiary--info .account-number {
  font-size: 13px;
  font-size: .86667rem;
  color: #404040;
}
/*# sourceMappingURL=digical-blessed1.css.map */