.beneficiaries .beneficiary--amount {
  font-weight: 700;
}

.beneficiaries .beneficiary--edit {
  width: 10%;
  margin: 0;
  text-align: right;
}

.beneficiaries .beneficiary--edit .btn {
  margin: 0;
  line-height: 0;
}

.beneficiary .tab-content {
  border-right: none;
}

.beneficiary .dropdown-toggle {
  display: block;
  position: relative;
  color: #000;
  padding: 5px;
  font-weight: 300;
}

.beneficiary .dropdown-toggle .custom-caret {
  position: absolute;
  right: 10px;
  top: 0;
  width: 25px;
  height: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.beneficiary .dropdown-toggle .custom-caret:after {
  position: absolute;
  right: 0;
  top: 6px;
  bottom: 0;
  width: 25px;
  content: "\e61b";
  font-family: 'icomoon';
  font-size: 9px;
  font-size: .6rem;
  text-align: center;
}

.beneficiary.view .inline-tip,
.beneficiary.edit .inline-tip,
.beneficiary.new .inline-tip {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  font-size: .86667rem;
  color: #404040;
}

@media only screen and (min-width: 768px) {
  .beneficiary.view .inline-tip,
  .beneficiary.edit .inline-tip,
  .beneficiary.new .inline-tip {
    display: inline-block;
    margin: 0 5px;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary.view .line-edit,
  .beneficiary.edit .line-edit,
  .beneficiary.new .line-edit {
    padding: 0;
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary.view .line-edit label,
  .beneficiary.edit .line-edit label,
  .beneficiary.new .line-edit label {
    font-size: 15px;
    font-size: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary.view .to-bottom,
  .beneficiary.edit .to-bottom,
  .beneficiary.new .to-bottom {
    margin-top: 150px;
  }
}

.beneficiary .top-button-wrapper-fixed-height {
  height: 25px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .beneficiary .top-button-wrapper-fixed-height {
    padding: 0 5px;
  }
}

.beneficiary .beneficiary-image-holder {
  position: relative;
  float: left;
  width: 50px;
  margin-right: 10px;
}

.beneficiary .beneficiary-image-holder .image-upload-component {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}

.beneficiary .beneficiary-image-holder .image-upload-component .upload-thumbnail {
  width: 100%;
  height: 100%;
}

.beneficiary .beneficiary-image-holder .beneficiary-image {
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .beneficiary .beneficiary-hot-keys {
    position: absolute;
    top: 0;
    right: 20px;
    margin: 0;
    text-align: right;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary .beneficiary-hot-keys .favorite-beneficiary-toggle.favorited .icon-star {
    color: #eabd1c;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary .beneficiary-hot-keys .favorite-beneficiary-toggle,
  .beneficiary .beneficiary-hot-keys .edit {
    display: inline-block;
    width: auto;
    font-size: 13px;
    font-size: .86667rem;
    font-weight: 700;
    background-color: transparent;
    text-transform: uppercase;
    margin: 0 0 0 20px;
    color: #404040;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary .beneficiary-hot-keys .favorite-beneficiary-toggle:hover,
  .beneficiary .beneficiary-hot-keys .edit:hover {
    color: #F36F20;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary .beneficiary-hot-keys .edit {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary .beneficiary-hot-keys .edit span[class^="icon-"] {
    top: 2px;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary .beneficiary-hot-keys .favorite-beneficiary-toggle span[class^="icon-"] {
    position: relative;
    top: 4px;
    font-size: 22px;
    font-size: 1.46667rem;
    line-height: 0;
  }
}

.beneficiary .basic-info {
  position: relative;
}

.beneficiary .basic-info #edit-beneficiary {
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (min-width: 768px) {
  .beneficiary .basic-info .beneficiary-image-holder {
    width: 80px;
    height: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary .basic-info .beneficiary-image-holder .image-upload-component {
    width: 65px;
    height: 65px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary .basic-info .beneficiary-image-holder .image-upload-component .upload-thumbnail {
    width: 100%;
    height: 100%;
  }
}

.beneficiary-accounts .account {
  padding: 12px 0;
}

.beneficiary-accounts .account .data,
.beneficiary-accounts .account .data .showAccountDetails {
  position: relative;
  width: 65%;
}

@media only screen and (min-width: 768px) {
  .beneficiary-accounts .account .data,
  .beneficiary-accounts .account .data .showAccountDetails {
    width: 80%;
  }
}

.beneficiary-accounts .account .data.with-trusted-label,
.beneficiary-accounts .account .data .showAccountDetails.with-trusted-label {
  padding-left: 40px;
  display: inline-block;
}

.beneficiary-accounts .account .data a:hover .main,
.beneficiary-accounts .account .data .showAccountDetails a:hover .main {
  color: #F36F20;
}

.beneficiary-accounts .account .data .main,
.beneficiary-accounts .account .data .showAccountDetails .main {
  font-size: 14px;
  font-size: .93333rem;
  color: #262626;
}

.beneficiary-accounts .account .data .info,
.beneficiary-accounts .account .data .showAccountDetails .info {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.2;
  color: #404040;
}

.beneficiary-accounts .account .data .info .amount-text,
.beneficiary-accounts .account .data .showAccountDetails .info .amount-text {
  float: right;
  font-size: inherit;
}

.beneficiary-accounts .account .directive {
  width: 35%;
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .beneficiary-accounts .account .directive {
    width: 20%;
  }
}

.beneficiary-accounts .account .directive .btn {
  margin: 0;
}

.beneficiary .section {
  padding: 15px 0;
  border-bottom: 1px solid #dedede;
}

.beneficiary .section .data {
  width: 80%;
}

.beneficiary .section .data .main {
  font-size: 16px;
  font-size: 1.06667rem;
}

.beneficiary .section .data .info {
  font-size: 13px;
  font-size: .86667rem;
  line-height: 1.2em;
  color: #404040;
}

.beneficiary .section .data .info .amount-text {
  float: right;
  font-size: inherit;
}

.beneficiary .section .directive {
  width: 20%;
  text-align: center;
}

.beneficiary .section .directive .btn {
  margin: 0;
}

.beneficiary.edit,
.beneficiary.new {
  margin: 10px 15px 30px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #dbdbdb;
}

@media only screen and (min-width: 768px) {
  .beneficiary.edit,
  .beneficiary.new {
    margin: 0;
    background-color: transparent;
    border: none;
  }
}

.beneficiary.edit .beneficiary-accounts .account,
.beneficiary.new .beneficiary-accounts .account {
  padding: 15px 0;
}

.beneficiary.new {
  padding-top: 30px;
  padding-bottom: 0;
}

.beneficiary.new .beneficiary-accounts h3,
.beneficiary.new .beneficary-address h3 {
  text-align: left;
  margin-bottom: 16px;
}

.beneficiary .more-details {
  margin: 20px 0 20px;
}

@media only screen and (min-width: 768px) {
  .beneficiary .more-details {
    margin: 50px 0 15px;
  }
}

.beneficiary .more-details>a {
  display: block;
  position: relative;
  margin-bottom: 15px;
  font-weight: 100;
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
  color: #000;
  border-bottom: 1px solid #dedede;
}

@media only screen and (min-width: 768px) {
  .beneficiary .more-details>a {
    padding: 0 30px 3px 0;
    text-align: right;
  }
}

.beneficiary .more-details>a:after {
  position: absolute;
  content: "\e607";
  top: 50%;
  right: 10px;
  margin-top: -8px;
  font-family: 'icomoon';
  font-size: 8px;
  font-size: .53333rem;
  color: #737373;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.beneficiary .more-details>a.collapsed:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media only screen and (min-width: 768px) {
  .beneficiary .more-details>a.collapsed:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}

.beneficiary .more-details .title {
  display: block;
}

.beneficiary .more-details .type {
  color: #404040;
  margin-bottom: 5px;
}

.beneficiary .other-field {
  position: relative;
  display: block;
  margin: 15px 0;
  padding: 0 0 5px 40px;
  font-weight: 300;
}

.beneficiary .other-field:before {
  position: absolute;
  content: "\e649";
  left: 5px;
  top: 0;
  width: 20px;
  height: 20px;
  line-height: 21px;
  font-family: 'icomoon';
  color: #fff;
  background-color: #009640;
  border-radius: 10px;
  font-size: 9px;
  font-size: .6rem;
  text-align: center;
}

.beneficiary .other-field.collapsed:before {
  content: "\e64b";
}

.beneficiary-form-group {
  margin-top: 30px;
  margin-bottom: 20px;
}

.beneficiary-form-group:last-child {
  margin-bottom: 0;
}

.beneficiary .beneficiary--header {
  padding: 7px 15px;
  background-color: #e6e6e6;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  text-transform: uppercase;
}

.beneficiary .beneficiary--add-new-account {
  position: relative;
  max-height: 0;
  padding: 0 20px;
  background-color: #efefef;
  overflow: hidden;
  -webkit-transition: max-height 0.8s ease-out;
  transition: max-height 0.8s ease-out;
}

.beneficiary .beneficiary--add-new-account.visible {
  max-height: 500px;
}

.beneficiary .subtitle {
  margin: 20px 0 10px 0;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .recent-payments h3 {
    margin: 50px 0 25px;
  }
}

@media only screen and (min-width: 768px) {
  .recent-payments .td {
    display: inline-block;
    vertical-align: middle;
  }
}

.recent-payments .table {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .recent-payments .table .thead {
    margin: 0 -15px 0 -30px;
    padding: 5px 15px 5px 30px;
    font-size: 11px;
    font-size: .73333rem;
    text-transform: uppercase;
    color: gray;
  }
}

@media only screen and (min-width: 768px) {
  .recent-payments .table .thead .tr {
    padding: 0;
  }
}

.recent-payments .table .date {
  font-size: 12px !important;
  font-size: .8rem !important;
  color: #404040;
}

.recent-payments .table .tr {
  padding: 10px 0;
  border-bottom: 1px solid #dedede;
}

@media only screen and (min-width: 768px) {
  .recent-payments .table .tr {
    border-bottom: none;
  }
}

.recent-payments .table .td-date,
.recent-payments .table .td-account,
.recent-payments .table .td-amount {
  word-break: break-all;
}

@media only screen and (min-width: 768px) {
  .recent-payments .table .td-date,
  .recent-payments .table .td-account,
  .recent-payments .table .td-amount {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px !important;
    font-size: .8rem !important;
  }
}

@media only screen and (min-width: 768px) {
  .recent-payments .table .td-date {
    width: 20%;
  }
}

@media only screen and (min-width: 768px) {
  .recent-payments .table .td-account {
    width: 55%;
  }
}

.recent-payments .table .td-amount {
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .recent-payments .table .td-amount {
    width: 25%;
  }
}

.recent-payments .table .td-data {
  width: 80%;
  display: inline-block;
  vertical-align: baseline;
}

.recent-payments .table .td-actions {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
}

.recent-payments .table .tbody .td-date {
  font-size: 12px;
  font-size: .8rem;
  color: #4d4d4d;
}

.recent-payments .table .tbody .td-account {
  font-size: 14px;
  font-size: .93333rem;
  color: #262626;
}

.recent-payments .table .tbody .td-amount {
  font-size: 12px;
  font-size: .8rem;
  font-weight: 700;
}

.zoom_3 .recent-payments .table .thead {
  visibility: hidden;
  height: 0;
}

.zoom_3 .recent-payments .table .td-data .td-date,
.zoom_3 .recent-payments .table .td-data .td-account,
.zoom_3 .recent-payments .table .td-data .td-amount {
  width: 100%;
  display: block;
  text-align: left;
}

.beneficiary-basic-data {
  width: auto;
  overflow: hidden;
}

.beneficiary-basic-data.single-line {
  padding-top: 15px;
}

.beneficiary-basic-data.multiple-line {
  margin-top: 0;
}

.beneficiary-basic-data .form-group--materialize {
  margin-top: 0px;
}

@media only screen and (max-width: 767px) {
  .beneficiary-basic-data .form-group--materialize {
    margin-top: 16px;
  }
}

.nameTag__name {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  line-height: 1.1;
  color: #262626;
}

.nameTag__nick {
  font-size: 16px;
  font-size: 1.06667rem;
  display: block;
  font-weight: 300;
  line-height: 1.1;
  color: gray;
}

.panel__beneficiaries-wrapper {
  min-height: 550px;
}

.panel__beneficiaries-wrapper .no-data {
  margin-top: 120px;
}

.beneficiary-selector {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  right: 10px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .beneficiary-selector {
    position: relative;
    left: 0;
    display: block;
  }

  .beneficiary-selector.active {
    display: none;
  }
}

.beneficiary-selector.exclude-height__search-header {
  top: 80px;
}

@media only screen and (max-width: 767px) {
  .beneficiary-selector.exclude-height__search-header {
    top: auto;
    margin-bottom: 16px;
    display: block;
  }

  .beneficiary-selector.exclude-height__search-header.no-visible {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .beneficiary-selector .scroll-container {
    position: relative;
    overflow: visible;
  }
}

.beneficiary-selector .intro {
  display: none;
}

.directory-group-title {
  padding-bottom: 4px;
  color: gray;
  text-align: left;
  font-size: 12px;
  font-size: .8rem;
  text-transform: uppercase;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 8px;
}

.recent-payments-list {
  text-align: left;
}

.beneficiary-list__in-modal {
  position: relative;
  height: 450px;
}

.beneficiary-list__in-modal .beneficiaries-index .index {
  text-align: left;
  margin-bottom: 8px;
  border-top: none;
}

.beneficiary-list__in-modal .details.collapse-btn {
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.beneficiary-list__in-modal .details.collapse-btn:after {
  position: absolute;
  content: "\e61b";
  top: 50%;
  margin-top: -5px;
  right: 10px;
  font-family: 'icomoon';
  font-size: 8px;
  font-size: .53333rem;
  color: #ccc;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.beneficiary-list__in-modal .details.collapse-btn.collapsed:after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.beneficiary-list__in-modal .beneficiary {
  border-top: none;
  padding: 0;
}

.beneficiary-list__in-modal .beneficiary:hover {
  background-color: #f5f5f5;
  border-radius: 4px;
}

.beneficiary-list__in-modal .paysomeone-expandable-details {
  background-color: #f5f5f5;
  border-radius: 4px;
}

.beneficiary-list__in-modal .paysomeone-expandable-details__title {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.2;
  letter-spacing: 0.1px;
  color: gray;
  margin: 0 0 12px;
  border-bottom: 1px solid #d9d9d9;
  text-transform: uppercase;
  padding-bottom: 4px;
  font-weight: normal;
}

.beneficiary-list__in-modal .paysomeone-expandable-details__cover {
  text-align: left;
  padding: 22px 24px 10px;
}

.beneficiary-list__in-modal .beneficiary--info {
  width: auto;
}

.beneficiary-list__in-modal .account .main {
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: #262626;
  padding-bottom: 4px;
}

.beneficiary-list__in-modal .account .info {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: gray;
}

.beneficiary-list__in-modal .account .use-beneficiary {
  font-size: 12px;
  font-size: .8rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.2px;
}

.fixed-button-wrapper {
  padding-top: 16px;
  min-height: 87px;
  border-bottom: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .fixed-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 32px;
  }
}

.fixed-button-wrapper .beneficiary-contact-details__title {
  width: 100%;
  padding-left: 0;
}

@media only screen and (min-width: 768px) {
  .fixed-button-wrapper .beneficiary-contact-details__title {
    width: 50%;
  }
}

@media only screen and (max-width: 1023px) {
  .fixed-button-wrapper .beneficiary-details__primeViewTitle {
    padding-left: 106px;
  }
}

.fixed-button-wrapper .fixed-button-wrapper__button-group {
  width: 100%;
  vertical-align: top;
}

@media only screen and (min-width: 768px) {
  .fixed-button-wrapper .fixed-button-wrapper__button-group {
    width: 50%;
  }
}

.fixed-button-wrapper .fixed-button-wrapper__button-group .btn+.btn {
  margin-left: 10px;
}

.beneficiary-details__scroll-container--exclude-fixed-button-wrapper-height {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__scroll-container--exclude-fixed-button-wrapper-height {
    position: absolute;
    top: 87px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: auto;
  }
}

.beneficiary-new-detail-wrapper {
  position: relative;
  border-radius: 4px;
  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);
}

@media only screen and (min-width: 768px) {
  .beneficiary-new-detail-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 10;
  }
}

.beneficiary-new-detail-content {
  position: relative;
  height: 100%;
  padding: 20px;
}

.beneficiary-new-detail-content h3 {
  margin: 10px 0 40px;
}

.beneficiary-new-detail-content__scroll-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.beneficiary-new-detail-content__scroll-container {
  margin-bottom: 53px;
  padding: 20px;
}

.beneficiary-new-detail-content__button-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 53px;
  background-color: #f5f5f5;
  padding: 15px 15px 15px 30px;
  border-top: 1px solid #e6e6e6;
}

.btn-close-beneficiary-edit {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 25px;
  padding: 0;
  line-height: 25px;
  font-size: 12px;
  font-size: .8rem;
  text-align: center;
  color: #4d4d4d;
  background-color: #e6e6e6;
  border: none;
  border-radius: 3px;
}

.favorite-beneficiary-mark {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: -5px;
  right: -5px;
  z-index: 9;
  min-width: initial;
  padding: 0;
  line-height: 30px;
}

.favorite-beneficiary-mark:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e63e";
  font-family: 'icomoon';
  font-size: 17px;
  text-align: center;
  color: #b3b3b3;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.favorite-beneficiary-mark:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: solid 1.5px #d9d9d9;
  background-color: #fff;
}

.favorite-beneficiary-mark.active:after {
  color: #FFF;
}

.favorite-beneficiary-mark.active:before {
  background-color: #fcb53f;
  border: none;
}

.image-and-trustedButton-wrapper {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 3px auto 0;
  display: block;
}

@media only screen and (max-width: 1023px) {
  .image-and-trustedButton-wrapper {
    margin-left: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .image-and-trustedButton-wrapper {
    width: 60px;
    height: 60px;
    margin-left: 16px;
  }
}

.beneficiary__container:after {
  content: "";
  display: table;
  clear: both;
}

.beneficiary__container .scroll-container {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .beneficiary__container .scroll-container {
    position: absolute;
    bottom: 0;
    overflow-y: auto;
  }
}

.beneficiary__container .preloader-overlay {
  display: none;
}

.beneficiary__containerAside {
  min-height: 610px;
  height: 610px;
  width: 26%;
}

@media only screen and (max-width: 767px) {
  .beneficiary__containerAside {
    display: none;
    min-height: inherit;
    margin-bottom: 16px;
    height: auto;
    width: 100%;
  }

  .beneficiary__containerAside.inFocus {
    display: block;
  }

  .beneficiary__containerAside.isInit {
    display: block !important;
  }
}

.noBeneficiary .beneficiary__containerAside {
  display: none;
}

.beneficiary__containerAside .panel__search-header {
  margin: 0 0 25px;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .beneficiary__containerAside .panel__search-header {
    height: 80px;
  }
}

.beneficiary__containerAside .panel__search-header .inputMaterial__input {
  background-color: #fff;
}

.beneficiary__containerBody {
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .beneficiary__containerBody {
    width: 74%;
    min-height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .beneficiary__containerBody {
    display: none;
  }

  .beneficiary__containerBody.inFocus {
    display: block;
  }

  .beneficiary__containerBody.inFocus.isInit {
    display: none;
  }
}

.beneficiary__containerBody .beneficiary-details__title {
  margin-top: 24px;
}

.noBeneficiary .beneficiary__containerBody {
  width: 100%;
}

.beneficiary__panel {
  padding: 0;
  overflow: visible;
  z-index: 10;
  background-color: transparent;
}

@media only screen and (min-width: 768px) {
  .beneficiary__panel {
    min-height: 610px;
  }
}

.beneficiary__panel.blur .beneficiary-details__primeView {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.beneficiary__panel.blur .beneficiary-details__primeView>div {
  opacity: .2;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}

.beneficiary-details__title {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.2;
  color: #4d4d4d;
  border-bottom: 1px solid #e6e6e6;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 12px;
  padding-bottom: 4px;
  letter-spacing: 0.5px;
  font-weight: 400;
}

.beneficiary-details__primeView {
  background-color: #f5f3f0;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__primeView {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.beneficiary-details__primeView>div {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.beneficiary-details__primeView.view {
  background-color: #fff;
}

.beneficiary-details__primeView.view .upload-img-container {
  margin-top: 16px;
  margin-left: 16px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__primeView.view .upload-img-container {
    margin-top: 32px;
    margin-left: 40px;
  }
}

.beneficiary-details__primeViewHeader {
  min-height: 100px;
  padding-bottom: 1px;
  background-color: #fff;
}

.beneficiary-details__primeViewBody {
  background-color: #fff;
}

.beneficiary-details__primeView.edit .beneficiary-details__primeViewHeader {
  background-color: #f7f5f3;
}

.beneficiary-details__primeView.edit .beneficiary-details__titleWrapper {
  padding-top: 16px;
  margin-left: 65px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__primeView.edit .beneficiary-details__titleWrapper {
    padding-top: 24px;
    margin-left: 90px;
  }
}

.beneficiary-details__accountImage {
  position: absolute;
  top: 0;
  left: 0;
}

.beneficiary-details__spacer {
  padding: 0 16px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__spacer {
    padding: 0 40px;
  }
}

.beneficiary-details__addNewWrapper {
  margin: 16px 0;
}

.beneficiary-details__recents {
  position: relative;
  border-top: 1px solid #e6e6e6;
}

.beneficiary-details__recentsTitle {
  position: absolute;
  top: 20px;
  left: 16px;
  font-size: 12px;
  font-size: .8rem;
  text-transform: uppercase;
  color: #4d4d4d;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__recentsTitle {
    left: 40px;
  }
}

.beneficiary-details__recentsBox {
  padding: 55px 16px 16px;
  background-color: #f5f3f0;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__recentsBox {
    padding: 55px 40px;
  }
}

.beneficiary-details__titleWrapper {
  position: relative;
  margin-left: 90px;
  padding-top: 16px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__titleWrapper {
    margin-left: 120px;
    padding-top: 36px;
  }
}

.beneficiary-details__rowEdit {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__rowEdit {
    margin-top: 16px;
    margin-bottom: 17px;
  }
}

.beneficiary-details__rowEdit .image-and-trustedButton-wrapper {
  position: absolute;
  top: 16px;
  left: 0;
  width: 60px;
  height: 60px;
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__additionalView {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
  }
}

.beneficiary-details__additionalViewBody {
  padding: 32px 0;
}

.beneficiary-details__scroll-container {
  position: relative;
  overflow: auto;
}

.beneficiary-details__scroll-container.edit {
  background-color: #fff;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__scroll-container.edit {
    position: absolute;
    top: 210px;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

.beneficiary-details__deleteBtnHolder {
  padding-bottom: 16px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__deleteBtnHolder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

.recentPayment {
  padding: 16px 24px;
  font-size: 12px;
  font-size: .8rem;
  background-color: #fff;
  color: #262626;
  border: solid 1px #e6e6e6;
}

.recentPayment+.recentPayment {
  margin-top: 15px;
}

.recentPayment__details {
  display: inline-block;
  width: 75%;
  vertical-align: middle;
}

.recentPayment__actions {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
  text-align: right;
}

.recentPayment__description {
  line-height: 1;
}

.recentPayment__description+.recentPayment__description {
  margin-top: 8px;
}

.recentPayment__date {
  margin-bottom: 5px;
  color: gray;
}

.beneficiary-contact-details__header {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: solid 1px #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .beneficiary-contact-details__header {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.beneficiary-contact-details__title {
  display: inline-block;
  width: 100%;
  margin: 0;
  vertical-align: middle;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .beneficiary-contact-details__title {
    width: 50%;
  }
}

.beneficiary-contact-details__buttonWrapper {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .beneficiary-contact-details__buttonWrapper {
    width: 50%;
  }
}

.beneficiary-contact-details__buttonWrapper .btn+.btn {
  margin-left: 10px;
}

.primeView__col_1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .primeView__col_1 {
    width: 15%;
  }
}

.primeView__col_2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 75%;
  bottom: 0;
}

@media only screen and (max-width: 1023px) {
  .primeView__col_2 {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .primeView__col_2 {
    width: 100%;
    padding: 0 0 0 16px;
  }
}

.primeView__col_2 .beneficiary-details__primeViewTitle {
  padding-left: 0;
}

@media only screen and (max-width: 1023px) {
  .primeView__col_2 .beneficiary-details__primeViewTitle {
    padding-left: 106px;
  }
}

@media only screen and (max-width: 767px) {
  .primeView__col_2 .beneficiary-details__primeViewTitle {
    padding-left: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .primeView__col_2.beneficiary-details__primeViewBody .form-group--materialize {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  .primeView__col_2.beneficiary-details__primeViewBody .form-group {
    padding-left: 130px;
  }
}

.beneficiary-image-holder .upload-img-container {
  position: relative;
  width: 60px;
  height: 60px;
}

@media only screen and (max-width: 767px) {
  .beneficiary-image-holder .upload-img-container {
    width: 60px;
    height: 60px;
    margin-left: 8px;
  }
}

.beneficiary-accounts-and-mobile-numbers-wrapper {
  padding-top: 16px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-accounts-and-mobile-numbers-wrapper {
    padding-top: 32px;
  }
}

.beneficiary-accounts-and-mobile-numbers-wrapper .no-data--desc {
  text-align: left;
  font-size: 12px;
  font-size: .8rem;
  color: #262626;
  padding-right: 90px;
}

.beneficiary-accounts-and-mobile-numbers-wrapper__disabledCurtain {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  opacity: 0.7;
}

.beneficiary-add-new-detail-button-wrapper {
  margin: 15px 0 15px;
}

@media only screen and (max-width: 767px) {
  .beneficiary-add-new-detail-button-wrapper {
    margin: 4px 0 10px;
  }
}

.beneficiaryList__wrapper img.modalPopup-iconHeight {
  height: 88px;
}

.beneficiaryList__wrapper .newBeneficiaryLabel {
  display: none;
}

.beneficiaryList__wrapper.newBeneficiary .newBeneficiaryLabel {
  display: block;
}

.beneficiaryList__wrapper.newBeneficiary .beneficiarySearch {
  display: none;
}

.beneficiaryList__wrapper.newBeneficiary .beneficiary-selector {
  display: none;
}

.beneficiary-details__primeView .beneficiary-details__header {
  padding: 32px 40px;
}

.beneficiary-details__primeView .beneficiary-details__header .upload-img-container {
  margin-top: 0;
}

.img-avatar {
  position: relative;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.avatarInitials {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 100%;
  background-color: #fff;
  border-radius: 50%;
}

.beneficiary-image .avatarInitials {
  border: 1px solid #e6e6e6;
}

.avatarInitials:after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  content: attr(data-content);
  font-size: 20px;
  text-transform: uppercase;
  color: #4d4d4d;
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .avatarInitials:after {
    font-size: 20px;
  }
}

.avatarInitials--small:after {
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .hide-on-mobile {
    display: none;
  }
}

#beneficiaryPreloader {
  display: none;
  position: absolute;
  top: 0;
  bottom: 60px;
  left: 0;
  right: 0;
}

#beneficiaryPreloader.active {
  display: block;
}

.beneficiary-accounts__btn {
  padding: 0;
  text-align: left;
}

.payment-list {
  margin-bottom: 0;
  padding-bottom: 32px;
  min-height: 50px;
}

.payment-list .statusIcon {
  padding-right: 8px;
}

.payment-list .panel-body {
  padding: 0;
}

.payment-list .panel {
  padding-top: 0;
}

.payment-list .panel+.panel {
  margin-top: 16px;
}

.payment-list .panel.panelDeactive {
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.payment-list .panel .collapse-btn .expandable-title {
  background-color: #fafafa;
  border-bottom: 1px solid #e6e6e6;
}

.payment-list .panel .collapse-btn.collapsed .expandable-title,
.payment-list .panel .collapse-btn .collapsed .expandable-title {
  background-color: #fff;
  border-bottom: none;
}

.payment-list .format-date {
  font-size: 13px;
  font-size: .86667rem;
  color: #4d4d4d;
}

@media only screen and (min-width: 768px) {
  .payment-list .format-date {
    font-size: 14px;
    font-size: .93333rem;
  }
}

.payment-list .format-date.outdated {
  color: #DE5B3D;
}

.payment-list [aria-expanded="false"] .expandable-title {
  background-color: #fff;
}

.payment-list [aria-expanded="true"] .expandable-title {
  background-color: #fafafa;
}

.payment-list .expandable-title {
  margin-bottom: 0;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 400;
  height: 70px;
  padding-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .payment-list .expandable-title:after {
    right: 24px !important;
    font-size: 12px !important;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .payment-list .expandable-title {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.payment-list .expandable-title .account-title {
  padding-right: 40px;
  padding-left: 12px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .payment-list .expandable-title .account-title {
    padding-left: 24px;
  }
}

.payment-list .expandable-title .account-title__line1 {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 700;
  line-height: 1.4;
  color: #262626;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.payment-list .expandable-title .account-title__line2 {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  background-color: #F36F20;
  border-radius: 50%;
  font-size: 11px;
  font-size: .73333rem;
  font-weight: normal;
  line-height: 1.8;
  text-align: center;
  color: #fff;
  right: 48px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) {
  .payment-list .expandable-title .account-title__line2 {
    right: 72px;
  }
}

.payment-list .expandable-title .subtitle {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #4d4d4d;
}

.payment-list .mobile-blocked {
  display: block;
  padding: 8px 0px;
}

@media only screen and (min-width: 768px) {
  .payment-list .mobile-blocked {
    display: inline-block;
    padding: 0px;
  }
}

@media only screen and (min-width: 1024px) {
  .payment-list .mobile-blocked {
    display: inline-block;
    padding: 0px;
  }
}

@media only screen and (min-width: 768px) {
  .payment-list .w-checkbox {
    width: 5%;
  }
}

@media only screen and (min-width: 768px) {
  .payment-list .w-date {
    width: 25%;
  }
}

@media only screen and (min-width: 768px) {
  .payment-list .w-checkbox+.w-date {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  .payment-list .format-date .pr-inner {
    display: inline-block;
  }
}

.payment-list .pr-inner-inline {
  display: inline;
  padding: 10px 10px;
  color: #262626;
  margin-bottom: 0px;
}

@media only screen and (min-width: 768px) {
  .payment-list .pr-inner-inline {
    padding: 0px;
  }
}

@media only screen and (min-width: 1024px) {
  .payment-list .pr-inner-inline {
    padding: 0px;
  }
}

.payment-list .pr-inner {
  display: inline-block;
  padding: 4px 10px;
  color: #262626;
}

@media only screen and (min-width: 768px) {
  .payment-list .pr-inner {
    display: inline;
    padding: 0;
  }
}

.payment-list .pr-amount {
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .payment-list .w-beneficiary {
    width: 25%;
  }
}

.payment-list .w-beneficiary .w-image {
  width: 20%;
}

.payment-list .w-beneficiary .w-details {
  width: 80%;
}

@media only screen and (min-width: 768px) {
  .payment-list .w-description {
    width: 25%;
  }
}

@media only screen and (min-width: 768px) {
  .payment-list .w-amount {
    width: 15%;
    text-align: right;
  }
}

.payment-list .w-delete {
  padding-right: 4px;
}

.payment-list .w-action {
  position: absolute;
  top: 10px;
  right: 10px;
}

@media only screen and (min-width: 768px) {
  .payment-list .w-action {
    position: static;
    width: 10%;
  }
}

@media only screen and (min-width: 1024px) {
  .payment-list .w-action {
    right: 0;
  }
}

.payment-list .w-action .btn-pure-medium {
  padding: 8px 8px 8px 8px;
}

@media only screen and (min-width: 768px) {
  .payment-list .col-check {
    float: left;
    width: 30px;
    padding: 5px 15px;
  }

  .payment-list .table-cell {
    float: left;
    padding: 5px 15px;
  }

  .payment-list .table-cell.right {
    float: right;
  }

  .payment-list .w5 {
    width: 5%;
  }

  .payment-list .w10 {
    width: 10%;
  }

  .payment-list .w15 {
    width: 15%;
  }

  .payment-list .w20 {
    width: 20%;
  }

  .payment-list .w25 {
    width: 25%;
  }

  .payment-list .w26 {
    width: 26%;
  }

  .payment-list .w30 {
    width: 30%;
  }

  .payment-list .w40 {
    width: 40%;
  }

  .payment-list .w33 {
    width: 33.333333%;
  }

  .payment-list .w50 {
    width: 50%;
  }

  .payment-list .w70 {
    width: 70%;
  }

  .payment-list .push10 {
    margin-left: 10%;
  }
}

.payment-list--account-wrapper {
  position: relative;
}

.payment-list--header {
  padding: 20px 0;
  border-top: 1px solid #e6e6e6;
  font-weight: 400;
}

@media only screen and (min-width: 768px) {
  .payment-list--header {
    padding: 15px;
  }
}

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

@media only screen and (min-width: 768px) {
  .payment-list--row {
    padding: 12px 24px;
  }

  .payment-list--row:first-child {
    border-top: none;
  }

  .payment-list--row .large-checkbox {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .payment-list--row:first-child {
    border-top: none;
  }
}

.payment-list--row.headling,
.payment-list--row.overview--headling {
  font-size: 11px;
  font-size: .73333rem;
  text-transform: uppercase;
  border-top: none;
  color: #808080;
}

@media only screen and (max-width: 767px) {
  .payment-list--row.headling .w-checkbox,
  .payment-list--row.overview--headling .w-checkbox {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .payment-list--row.headling .w-action,
  .payment-list--row.overview--headling .w-action {
    position: relative;
    top: auto;
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .payment-list--row.headling .w-filter,
  .payment-list--row.overview--headling .w-filter {
    display: block;
    width: 100% !important;
    text-align: right;
  }
}

.payment-list--row .headling,
.payment-list--row .overview--headling {
  padding: 3px 10px;
  font-size: 11px;
  font-size: .73333rem;
  text-transform: uppercase;
  background-color: #fff;
  border-bottom: none;
  color: gray;
}

.payment-list--row.top {
  padding: 0 15px;
  border-bottom: none;
}

.payment-list--row.selected {
  background: transparent;
}

.payment-list--row .amount-text {
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 400;
}

.payment-list--row a {
  color: #000;
}

.payment-list--row .beneficiary-name {
  word-break: break-word;
  font-size: 14px;
  font-size: .93333rem;
  color: #262626;
  display: block;
}

@media only screen and (min-width: 1024px) {
  .payment-list--row .beneficiary-name {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.payment-list--row .beneficiary-number {
  font-size: 12px;
  font-size: .8rem;
  color: #4d4d4d;
  display: block;
}

@media only screen and (min-width: 768px) {
  .payment-list--row .beneficiary-number {
    word-break: break-word;
  }
}

.payment-list--row .icon-warning {
  margin: 0 8px;
  vertical-align: text-bottom;
  color: #DE5B3D;
  font-size: 18px;
  font-size: 1.2rem;
}

.payment-list--row .payment-list__beneficiary-image {
  border-radius: 50%;
  margin-right: 12px;
}

@media only screen and (min-width: 768px) {
  .payment-list--row .payment-list__beneficiary-image {
    margin-right: 24px;
  }
}

.payment-list--row .w-details .load-payment-list-order-details {
  padding-left: 0px;
}

@media only screen and (max-width: 767px) {
  .payment-list--row .w-details .load-payment-list-order-details {
    padding-left: 10px;
  }
}

.payment-list--summary {
  padding: 12px;
  border-top: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .payment-list--summary {
    padding: 24px;
  }
}

.payment-list--summary.stucked {
  background-color: #fff;
  background-color: rgba(255,255,255,0.9);
  z-index: 1100;
}

.payment-list--summary.stucked.to-top {
  position: absolute;
  top: 0;
  left: 0;
}

.payment-list--summary.stucked.to-bottom {
  position: fixed;
  bottom: 0;
}

.payment-list--summary .summary-availibility .summary {
  font-size: 14px;
  font-size: .93333rem;
}

.payment-list--summary .summary-availibility .summary .amount-text {
  font-size: inherit;
  font-weight: 700;
  margin: 0 5px;
}

.payment-list--summary .summary-availibility .viewAll .payment__viewMonthlyLimits {
  padding: 0;
}

.payment-list--summary .summary-availibility .summary__text {
  color: #4d4d4d;
}

.payment-list--summary .summary-availibility .summary__money {
  color: #4d4d4d;
  font-weight: bold;
}

.payment-list--summary .summary-availibility .availibility {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.2;
  color: gray;
}

.payment-list--summary .summary-availibility .availibility .amount-text {
  font-size: inherit;
  font-weight: 400;
}

.payment-list .beneficiary-image-holder {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e6e6e6;
}

.payment-list .beneficiary-details {
  font-weight: 400;
}

.payment-list .beneficiary-details .beneficiary-nickname {
  line-height: 1;
  font-size: 13px;
  font-size: .86667rem;
  color: #404040;
}

.payment-list .delete-button-holder {
  float: right !important;
}

@media only screen and (min-width: 768px) {
  .payment-list .delete-button-holder {
    float: none !important;
  }
}

.payment-list .delete-button-holder .icon-basket {
  margin: 0;
}

.payment-list .errBlock {
  text-align: center;
  padding: 8px 20px;
  margin: -15px -15px 15px;
}

.payment-list .errBlock .errField {
  padding-left: 30px;
}

.payment-list__standalone-filter .btn-filter.active-filter {
  color: #F36F20;
}

.payment-list--alert-with-popup {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.payment-list--alert-with-popup .payment-list--alert-popup {
  z-index: 1;
  display: none;
  position: absolute;
  width: 250px;
  min-height: 75px;
  right: -125px;
  margin-top: 15px;
  font-size: 12px;
  font-size: .8rem;
  padding: 18px 24px;
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-bottom-width: 2px;
  -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: 4px;
}

.payment-list--alert-with-popup .payment-list--alert-popup .close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 10px;
  font-size: .66667rem;
}

.payment-list--alert-with-popup.active:before,
.payment-list--alert-with-popup.active:after {
  position: absolute;
  content: "";
  top: 25px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 15px solid #ccc;
  z-index: 500;
}

.payment-list--alert-with-popup.active:after {
  margin-top: 1px;
  border-bottom: 15px solid #f5f5f5;
}

.payment-list--alert-with-popup.active .payment-list--alert-popup {
  display: block;
  z-index: 500;
}

.payment-list--alert-with-popup span[class^="icon-"] {
  cursor: pointer;
  font-size: 10px;
}

.payment-list--alert-with-popup span[class^="icon-warning"] {
  font-size: 15px;
  vertical-align: text-top;
}

.standalone__closer {
  padding: 16px 0;
}

@media only screen and (min-width: 768px) {
  .standalone__closer {
    padding: 24px 0;
  }
}

.standalone__closerLink {
  text-transform: uppercase;
  color: gray;
  font-size: 12px;
  font-size: .8rem;
  font-weight: bold;
}

.standalone__closerLink .text {
  margin-left: 8px;
  color: #4d4d4d;
}

.standalone__row {
  padding: 16px 0;
  font-size: 0;
}

.standalone__row+.standalone__row {
  border-top: 1px solid #e6e6e6;
}

.standalone__label,
.standalone__desc {
  font-size: 14px;
  font-size: .93333rem;
  color: #4d4d4d;
  font-weight: normal;
}

@media only screen and (min-width: 768px) {
  .standalone__label,
  .standalone__desc {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
  }
}

.standalone__label {
  font-weight: normal;
}

.standalone__desc {
  text-align: right;
}

.standalone__desc>div:empty:before {
  content: '-';
}

.standalone__image {
  display: inline-block;
  max-width: 64px;
  margin: 0 auto;
}

.standalone__image img {
  width: 100%;
}

.standalone__imageText {
  font-size: 12px;
  font-size: .8rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.3px;
  color: #262626;
  text-transform: uppercase;
}

.payment-emptyState {
  display: inline-block;
  vertical-align: middle;
  padding-left: 22px;
}

.payment-emptyState .standalone__imageText {
  text-align: left;
  font-size: 24px;
  font-size: 1.6rem;
  text-transform: inherit;
}

.payment-emptyState span {
  font-size: 16px;
  font-size: 1.06667rem;
}

#payment-view-detail-holder .action-butons-container {
  text-align: right;
}

#payment-view-detail-holder .action-butons-container+.action-butons-container {
  padding-top: 24px;
}

.pay-late span {
  color: #de5b3e;
}

.wrapper-nospace .payment-list .w-checkbox {
  display: none;
}

.wrapper-nospace .payment-list .w-amount {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .wrapper-nospace .payment-list .w-amount {
    width: 30%;
  }
}

.wrapper-nospace .payment-list .w-amount .pr-inner {
  display: inline-block;
}

.recurringPaymentsList {
  padding-bottom: 16px;
}

.recurringPaymentsList .panel-heading {
  cursor: pointer;
}

.recurringPaymentsList .panel-heading .collapse-btn .expandable-title {
  padding-bottom: 0;
  border-bottom: 0;
  height: 70px;
}

.recurringPaymentsList .panel-heading .collapse-btn .expandable-title .account-title .account-title-animated {
  margin-top: -12px;
}

.recurringPaymentsList .panel-heading .collapse-btn .expandable-title .account-title .account-title__line2 {
  margin-top: 0;
}

.recurringPaymentsList .payment-list--row {
  padding: 12px 24px;
}

@media only screen and (min-width: 768px) {
  .recurringPaymentsList .payment-list--row {
    padding: 22px 24px;
  }
}

.recurringPaymentsList .payment-list--row.payment-list--rowFooter .panel-footerDetail__link {
  color: #F36F20;
  font-size: 11px;
  font-size: .73333rem;
}

.recurringPaymentsTable {
  margin: 24px;
}

.recurringPaymentsTable__column td {
  padding: 0;
}

thead .recurringPaymentsTable__column td {
  font-size: 11px;
  font-size: .73333rem;
  text-transform: uppercase;
  color: gray;
}

.recurringPaymentsTable__row {
  padding: 12px 24px;
}

@media only screen and (min-width: 768px) {
  .recurringPaymentsTable__row {
    padding: 22px 24px;
  }
}

.recurringPaymentsTable__row.headling,
.recurringPaymentsTable__row.overview--headling {
  margin-bottom: 0;
  display: none;
}

.recurringPaymentsTable__row.headling>*,
.recurringPaymentsTable__row.overview--headling>* {
  font-size: 11px !important;
}

@media only screen and (min-width: 768px) {
  .recurringPaymentsTable__row.headling,
  .recurringPaymentsTable__row.overview--headling {
    padding: 22px 24px 8px 24px;
    display: block;
  }
}

.recurringPaymentsTable__row:after {
  content: "";
  display: table;
  clear: both;
}

.recurringPaymentsTable__row .th-xs {
  font-size: 11px;
  font-size: .73333rem;
  text-transform: uppercase;
  color: gray;
}

@media only screen and (min-width: 768px) {
  .recurringPaymentsTable__row .th-xs {
    display: none;
  }
}

.recurringPaymentsTable__row .td0,
.recurringPaymentsTable__row .td1,
.recurringPaymentsTable__row .td2,
.recurringPaymentsTable__row .td3,
.recurringPaymentsTable__row .td4,
.recurringPaymentsTable__row .td5,
.recurringPaymentsTable__row .td6,
.recurringPaymentsTable__row .td7,
.recurringPaymentsTable__row .td7 {
  font-size: 16px;
  font-size: 1.06667rem;
}

@media only screen and (min-width: 768px) {
  .recurringPaymentsTable__row .td0,
  .recurringPaymentsTable__row .td1,
  .recurringPaymentsTable__row .td2,
  .recurringPaymentsTable__row .td3,
  .recurringPaymentsTable__row .td4,
  .recurringPaymentsTable__row .td5,
  .recurringPaymentsTable__row .td6,
  .recurringPaymentsTable__row .td7,
  .recurringPaymentsTable__row .td7 {
    display: inline-block;
    width: 100%;
    zoom: 1;
    vertical-align: middle;
    float: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .recurringPaymentsTable__row .td0,
  .recurringPaymentsTable__row .td1,
  .recurringPaymentsTable__row .td2,
  .recurringPaymentsTable__row .td3,
  .recurringPaymentsTable__row .td4,
  .recurringPaymentsTable__row .td5,
  .recurringPaymentsTable__row .td6,
  .recurringPaymentsTable__row .td7,
  .recurringPaymentsTable__row .td7 {
    text-align: left !important;
    width: 100% !important;
  }

  .recurringPaymentsTable__row .td0+*,
  .recurringPaymentsTable__row .td1+*,
  .recurringPaymentsTable__row .td2+*,
  .recurringPaymentsTable__row .td3+*,
  .recurringPaymentsTable__row .td4+*,
  .recurringPaymentsTable__row .td5+*,
  .recurringPaymentsTable__row .td6+*,
  .recurringPaymentsTable__row .td7+*,
  .recurringPaymentsTable__row .td7+* {
    margin-top: 8px;
  }
}

.recurringPaymentsTable__row.standingOrderRow .td0 {
  width: 15%;
  font-size: 14px;
  font-size: .93333rem;
}

.recurringPaymentsTable__row.standingOrderRow .td1 {
  width: 25%;
  cursor: pointer;
}

.recurringPaymentsTable__row.standingOrderRow .td2 {
  width: 15%;
}

.recurringPaymentsTable__row.standingOrderRow .td3 {
  width: 15%;
  text-align: right;
  padding-right: 5%;
}

.recurringPaymentsTable__row.standingOrderRow .td4 {
  width: 15%;
}

.recurringPaymentsTable__row.standingOrderRow .td5 {
  width: 10%;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 300;
}

.recurringPaymentsTable__row.standingOrderRow .td6 {
  width: 5%;
  text-align: right;
}

.recurringPaymentsTable__row.directTableRow .td0 {
  width: 15%;
  font-size: 14px;
  font-size: .93333rem;
}

.recurringPaymentsTable__row.directTableRow .td1 {
  width: 40%;
  cursor: pointer;
}

.recurringPaymentsTable__row.directTableRow .td2 {
  width: 15%;
}

.recurringPaymentsTable__row.directTableRow .td3 {
  width: 15%;
}

.recurringPaymentsTable__row.directTableRow .td4 {
  width: 10%;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 300;
}

.recurringPaymentsTable__row.directTableRow .td5 {
  width: 5%;
  text-align: right;
}

.recurringPaymentsTable__row.sepaDirectDebitTableRow .td0 {
  width: 15%;
  font-size: 14px;
  font-size: .93333rem;
}

.recurringPaymentsTable__row.sepaDirectDebitTableRow .td1 {
  width: 40%;
  cursor: pointer;
}

.recurringPaymentsTable__row.sepaDirectDebitTableRow .td2 {
  width: 15%;
}

.recurringPaymentsTable__row.sepaDirectDebitTableRow .td3 {
  width: 15%;
}

.recurringPaymentsTable__row.sepaDirectDebitTableRow .td4 {
  width: 10%;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 300;
}

.recurringPaymentsTable__row.sepaDirectDebitTableRow .td5 {
  width: 5%;
  text-align: right;
}

.recurringPaymentsTable__row.sepaDirectDebitTransactionTableRow .td0 {
  width: 15%;
  font-size: 14px;
  font-size: .93333rem;
}

.recurringPaymentsTable__row.sepaDirectDebitTransactionTableRow .td1 {
  width: 55%;
  cursor: pointer;
}

.recurringPaymentsTable__row.sepaDirectDebitTransactionTableRow .td2 {
  width: 15%;
}

.recurringPaymentsTable__row.sepaDirectDebitTransactionTableRow .td3 {
  width: 10%;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 300;
}

.recurringPaymentsTable__row.sepaDirectDebitTransactionTableRow .td4 {
  width: 5%;
  text-align: right;
}

.recurringPaymentsTable__row:last-child {
  border-bottom: 0;
}

.recurringPaymentsTable__row .recurringPaymentsTable__status {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0;
  text-align: left;
  color: #4d4d4d;
  text-transform: capitalize;
}

.recurringPaymentsTable__row .recurringPaymentsTable__created {
  font-size: font-size(14px);
}

.recurringPaymentsTable__row .recurringPaymentsTable__amount {
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  color: #262626;
}

.recurringPaymentsTable__row .recurringPaymentsTable__amount+span {
  font-weight: 300;
  font-size: 14px;
  color: #262626;
}

.recurringPaymentsTable__row .recurringPaymentsTable__name,
.recurringPaymentsTable__row .recurringPaymentsTable__frequency,
.recurringPaymentsTable__row .recurringPaymentsTable__latest {
  font-size: 16px;
  line-height: 1.0;
  letter-spacing: 0.2px;
  text-align: left;
  color: #262626;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  overflow: hidden;
  display: inline-block;
}

.recurringPaymentsTable__row .recurringPaymentsTable__frequency {
  text-transform: capitalize;
}

.recurringPaymentsTable__row .dropdownDotsMenuRecurringPayments {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .recurringPaymentsTable__row .dropdownDotsMenuRecurringPayments {
    position: absolute;
    right: 24px;
    top: 12px;
  }
}

.recurringPaymentsPageTitle {
  width: 100%;
  display: inline-block;
  padding-bottom: 8px;
}

.recurringPaymentsPageTitle h1 {
  float: left;
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 8px;
  padding-right: 45px;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #262626;
  margin: 0;
}

.recurringPaymentsFooterText {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: 0;
  text-align: left;
  color: #262626;
}

.recurringTradeBoxAmount {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
}

.recurringDashboard__wrapper {
  min-height: 374px;
  vertical-align: top;
  padding-top: 0;
}

.recurringDashboard__wrapper .orderList__topPart {
  margin-bottom: 0;
}

.recurringDashboard__header {
  padding: 16px 24px;
  border-bottom: solid 1px #e6e6e6;
}

.recurringDashboard__data {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .recurringDashboard__data {
    margin-top: 0;
    padding-left: 40px;
  }
}

.recurringDashboard__nickname {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  margin: 4px 0;
}

.recurringDashboard__balance {
  margin: 0;
  font-size: 14px;
  font-size: .93333rem;
}

.recurringDashboard__balance b {
  font-weight: 500;
}

.timeTableHeader {
  position: relative;
}

.timeTableHeader:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  bottom: 0;
  background-color: #e6e6e6;
}

.timeTableHeader__scroll {
  padding: 12px 24px 0 24px;
  white-space: nowrap;
  overflow-x: auto;
  min-height: 58px;
}

.timeTableBtnWeek__days {
  display: inline-block;
  vertical-align: top;
  padding: 0 8px;
  margin-top: 1px;
}

.timeTableBtnWeek {
  border-radius: 4px;
  margin-top: 8px;
  background-color: #f5f3f0;
  padding: 8px 16px;
  position: relative;
  line-height: 1;
  font-size: 12px;
  font-size: .8rem;
}

.timeTableBtnWeek[disabled] {
  opacity: .6;
}

.timeTableBtnWeek sup {
  position: absolute;
  background-color: gray;
  color: #fff;
  right: -4px;
  top: -4px;
  display: block;
  min-width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 10px;
  font-size: .66667rem;
  line-height: 16px;
}

.timeTableBtnWeek+.timeTableBtnWeek {
  margin-left: 8px;
}

.timeTableBtnDay__number {
  font-weight: bold;
  line-height: 1.1;
  padding-bottom: 4px;
  font-size: 12px;
  font-size: .8rem;
  text-align: center;
  margin: 0;
}

.timeTableBtnDay__label {
  font-weight: 300;
  font-size: 11px;
  font-size: .73333rem;
  text-align: center;
  margin: 0;
}

.timeTableBtnDay {
  padding: 6px 0px;
  border: solid 1px #fff;
  border-bottom: 0;
  text-align: center;
  position: relative;
}

.timeTableBtnDay[disabled] {
  opacity: .6;
}

.timeTableBtnDay+.timeTableBtnDay {
  margin-left: 6px;
}

.timeTableBtnDay.active {
  z-index: 2;
  padding: 6px 12px;
  position: relative;
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px #e6e6e6;
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.timeTableBtnDay sup {
  position: absolute;
  background-color: #F36F20;
  color: #fff;
  right: -4px;
  top: -4px;
  display: block;
  min-width: 16px;
  height: 16px;
  font-size: 10px;
  font-size: .66667rem;
  border-radius: 50%;
  line-height: 16px;
}

.recurringDashboardSummary {
  position: relative;
}

.recurringDashboardSummary .containerActivities__title {
  font-weight: 500;
  font-size: 28px;
  font-size: 1.86667rem;
}

.recurringDashboardSummary .containerActivities {
  height: 374px;
}

.recurringDashboardSummary .containerActivities__number {
  text-align: left;
  font-size: 88px;
  font-size: 5.86667rem;
}

.recurringDashboardSummary .containerActivities__titleIcon {
  float: right;
}

.recurringDashboardSummary__footer {
  padding-bottom: 24px;
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
}

.recurringDashboardSummary__footer .containerActivities__subtitle {
  font-size: 14px;
  font-size: .93333rem;
}

.recurringDashboardSummary__footer .containerActivities__subtitle p {
  margin: 0;
}

.recurringDashboardSummary__payments {
  font-size: 32px;
  font-size: 2.13333rem;
  color: #fff;
  font-weight: bold;
}

.recurringDashboardSummary__payments span {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
}

.timeTableBtnNavMonth {
  font-size: 11px;
  font-size: .73333rem;
  color: gray;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: solid 1px #e6e6e6;
}

.timeTableList {
  border-top: solid 1px #e6e6e6;
}

.timeTableItem {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 16px 30px;
  position: relative;
  display: table;
  width: 100%;
}

.timeTableItem.standingOrder:before {
  background-color: #3b637b;
}

.timeTableItem p {
  margin: 0;
}

.timeTableItem:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  background-color: #87b2cc;
  left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.timeTableItem__type {
  text-transform: uppercase;
  color: #4d4d4d;
  font-weight: 500;
  font-size: 12px;
  font-size: .8rem;
}

.timeTableItem__provider {
  color: #4d4d4d;
  text-transform: uppercase;
}

.timeTableItem__paid {
  color: #262626;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
}

.timeTableItem_blockData {
  display: table-cell;
  width: 75%;
}

.timeTableItem_blockBtn {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 25%;
  border-left: 1px solid #e6e6e6;
}

.wrapperButtonNav {
  background-color: #fff;
  padding: 22px 4px 4px 4px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  width: 40px;
  text-align: center;
  z-index: 1;
}

.wrapperButtonNav.left {
  left: 0;
  right: auto;
}

.wrapperButtonNav.right {
  right: 0;
  left: auto;
}

.timeTableBtnNav {
  color: gray;
  border-radius: 50%;
  border: solid 1px #e6e6e6;
  font-size: 12px;
  font-size: .8rem;
  width: 24px;
  height: 24px;
  padding: 0;
}

.timeTableBtnNav span {
  text-align: center;
}

.recurringDashboard__list {
  max-height: 290px;
  overflow-y: auto;
  padding: 8px 24px;
}

.recurringDashboard__list ul {
  padding-left: 0;
}

.recurringDashboard__list li {
  margin-bottom: 8px;
}

.recurringPaymentCheckBoxSlide__spacer {
  display: inline-block;
  margin-left: 112px;
  margin-top: -3px;
}

.recurringPaymentCheckBoxSlide__title {
  display: inline-block;
  line-height: 1.11;
  letter-spacing: 0.2px;
  color: #262626;
  vertical-align: top;
}

.recurringPopoverBox {
  background-color: #4d4d4d;
}

.recurringPopoverBox .recurringPopoverBox__text {
  font-size: 10px;
  font-size: .66667rem;
  line-height: 1.2;
  letter-spacing: 0.1px;
  color: #fff;
}

.recurringPopoverIcon {
  margin-left: 8px;
  position: relative;
  top: -15px;
  bottom: 0px;
  color: gray;
}

.EmptyStateInPage.recurringDashboardEmptyState {
  min-height: 309px;
  overflow-y: auto;
  padding: 0;
  border: 0;
}

@media only screen and (min-width: 768px) {
  .EmptyStateInPage.recurringDashboardEmptyState {
    padding-left: 114px;
  }
}

.EmptyStateInPage.recurringDashboardEmptyState .EmptyStateInPage__textCover {
  margin-top: 80px;
}

.EmptyStateInPage.recurringDashboardEmptyState .EmptyStateInPage__textCover .EmptyStateInPage__headerTitle {
  display: inline-block;
}

.EmptyStateInPage.recurringDashboardEmptyState .EmptyStateInPage__textCover .EmptyStateInPage__headerTitle .EmptyStateInPage__title {
  margin-top: 0;
}

.EmptyStateInPage.recurringDashboardEmptyState .EmptyStateInPage__textCover .EmptyStateInPage__textCover .EmptyStateInPage__title {
  margin-top: 0;
}

.EmptyStateInPage.recurringDashboardEmptyState .EmptyStateInPage__textCover .EmptyStateInPage__ImgIcon {
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .EmptyStateInPage.recurringDashboardEmptyState .EmptyStateInPage__textCover .EmptyStateInPage__ImgIcon {
    left: -114px;
  }
}

.cards-overview .panel .panel-info {
  margin-left: 35px;
}

.cards-overview .panel .panel-info .icon-holder {
  width: 50px;
  top: 8px !important;
  left: -19px !important;
}

@media only screen and (min-width: 768px) {
  .cards-overview .panel .panel-info .icon-holder {
    width: 60px;
    left: -10px !important;
  }
}

.cards-overview .panel .panel-info .icon-holder .img-responsive {
  width: 100%;
}

.call-center-info {
  position: relative;
  padding-top: 10px;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.06667rem;
}

.call-center-info .branch-info {
  background-color: white;
  padding: 30px 0px 0px 0px;
}

.call-center-info .branch-info .light-text {
  text-align: left;
  margin: 0px 0px 8px;
}

.call-center-info .branch-info .branch-info__contact-list li+li {
  border-top: 0px solid;
}

.call-center-info__note {
  margin-top: 20px;
  padding: 15px 80px;
  background-color: #f5f5f5;
  font-size: 12px;
  font-size: .8rem;
  border-radius: 10px;
}

.branch-info {
  padding: 10px 30px 30px;
  text-align: left;
  background-color: #f5f5f5;
  border-radius: 10px;
}

.branch-info h3 {
  margin-top: 0;
}

.branch-info p {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.2;
  color: #404040;
}

.branch-info .preloader-wrapper {
  min-height: 150px;
}

.branch-info__content {
  display: none;
}

.branch-info__content.active {
  display: block;
}

.branch-info__title {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1.2;
  padding-bottom: 5px;
  margin: 10px 0;
  border-bottom: 1px solid #e6e6e6;
}

.branch-info__contact-list {
  position: relative;
  list-style: none;
  font-size: 12px;
  font-size: .8rem;
}

.branch-info__contact-list li {
  padding: 8px 0;
}

.branch-info__contact-list li span[class^="icon"] {
  position: absolute;
  left: 0;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #404040;
  margin-top: 1px;
}

.branch-info__contact-list li+li {
  border-top: 1px solid #e6e6e6;
}

.branch-info__contact-list a {
  color: #4d4d4d;
}

.branch-info__contact-list.text-center {
  width: 50%;
  margin: 0 auto;
  text-align: left;
}

.branch-info__contact-list.text-center li {
  padding: 8px 0;
}

.branch-info__contact-list.text-center li span[class^="icon"] {
  left: inherit;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #404040;
  margin-top: 1px;
}

.branch-info__contact-list.text-center li .strong {
  margin-left: 24px;
}

.branch-timings {
  position: relative;
  padding-left: 30px;
}

.branch-timings span[class^="icon-"] {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  font-size: 1.2rem;
  color: #404040;
}

.branch-timings__days {
  font-size: 12px;
  font-size: .8rem;
  color: #404040;
}

.branch-timings__time {
  font-size: 12px;
  font-size: .8rem;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
}

.card-Height {
  min-height: 345px;
}

.card {
  position: relative;
  padding: 32px 22px 16px;
  display: block;
  min-height: 426px;
  background-image: -webkit-linear-gradient(135deg, #ede9e7, #f4f2ee);
  background-image: linear-gradient(315deg, #ede9e7, #f4f2ee);
}

@media only screen and (min-width: 1024px) {
  .card {
    padding: 40px 56px 32px;
  }
}

.card--image {
  padding: 0 30px;
  width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .card--image {
    width: 80%;
  }
}

.card--details {
  margin-right: 22px;
  margin-left: 22px;
}

.card--details .card--basic-details {
  padding: 32px 0px 0px;
  font-size: 12px;
  font-size: .8rem;
  text-align: center;
  line-height: 1.5;
  font-weight: 500;
}

.card--details .card--basic-details div {
  color: #4d4d4d;
}

.card--details .card--basic-details span {
  margin-left: 4px;
}

.card--details .card--basic-details span:first-child {
  margin-left: 0px;
}

.card--details .card--basic-details .button-holder {
  display: none;
}

.card--details .card--basic-details .button-holder span {
  margin-right: 8px;
}

.card--details .card--basic-details .button-holder.button-debitCard {
  display: block;
}

.card--details .card--basic-details .button-holder.button-debitCard span {
  margin-right: 0;
}

.card--details .card--basic-number {
  margin: 4px auto;
  width: 168px;
  border-bottom: solid 1px #ccc;
}

.card--details .card--basic-info {
  position: relative;
  line-height: 1.8;
}

.card--details .card--basic-info .card--details__icon+span {
  display: inline-block;
  color: #4d4d4d;
  text-transform: uppercase;
  font-weight: 500;
}

.card--details .card--actions {
  border-top: 1px solid #e0e0e0;
  overflow: hidden;
}

.card--details .card--actions button {
  float: left;
  width: 50%;
  margin: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.card--details .card--actions button:first-child {
  border-right: 1px solid #e0e0e0;
}

.card__insuranceList {
  padding: 20px 30px;
  background-color: #fff;
  font-size: 16px;
  font-size: 1.06667rem;
}

@media only screen and (min-width: 768px) {
  .card__insuranceList {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.card__insuranceList .insurance {
  padding: 5px 0;
}

.card__insuranceList .insurance__icon {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  margin-right: 15px;
  font-size: 20px;
  font-size: 1.33333rem;
}

@media only screen and (min-width: 768px) {
  .card__insuranceList .insurance__icon {
    font-size: 24px;
    font-size: 1.6rem;
  }
}

.card__insuranceList .insurance__title {
  display: inline-block;
  vertical-align: middle;
}

.panel.inactive .inactive-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(255,255,255,0.8);
}

.panel.inactive .inactive-overlay .alert {
  position: relative;
  top: 100px;
  font-size: 20px;
  font-size: 1.33333rem;
  margin: 0 45px;
  font-weight: 300;
  text-align: center;
  color: #000;
  background-color: #eeeeee;
}

.panel--cards--small {
  height: 300px;
  background-color: #fff;
}

.panel--cards--small .panel-header {
  border-top: #F36F20 solid 5px;
  background: #fff;
}

.panel--cards--small .panel-header h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  margin: 0 10px;
}

.panel--cards--small .panel-header .cards-nickname {
  display: inline-block;
  color: #4d4d4d;
}

.panel--cards--small .panel-header .cards-nickname:hover {
  color: #F36F20;
}

.panel--cards--small .card {
  margin: 0;
}

.panel--cards--small .card .card--holder {
  padding-top: 10px;
}

.panel--cards--small .card .card--holder .card--img-holder {
  padding: 0 10px;
}

.panel--cards--small .card .card--description {
  margin-top: 45px;
  padding: 20px 10px;
  font-size: 12px;
  font-size: .8rem;
}

.panel--cards .card {
  margin: 0;
}

.panel--cards .card .card--holder {
  padding: 10px 0;
}

.panel--cards .card .card--holder .card--img-holder {
  top: 0;
  margin-top: 0;
  padding: 0 20px;
}

.panel--cards .card .card--panel-info {
  padding-top: 0;
}

.panel--cards .card--balance-chart {
  position: relative;
  padding: 70px 10px 30px 10px;
  background: url(../graphics//hatched_bg.svg) #fff;
}

.ie8 .panel--cards .card--balance-chart {
  background: url(../graphics//hatched_bg_ie8.png) #fff;
}

.panel--cards .card--balance-chart .more-icon {
  position: absolute;
  right: -9px;
  top: -9px;
  width: 18px;
  line-height: 18px;
  border-radius: 9px;
  font-size: 24px;
  font-size: 1.6rem;
  text-align: center;
  color: #fff;
  background-color: #000;
}

.panel--cards .card--balance-chart .more-icon .legend {
  position: absolute;
  width: 130px;
  font-size: 10px;
  font-size: .66667rem;
  text-transform: uppercase;
  color: #000;
}

.panel--cards .card--balance-chart .current-spending {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background-color: #eabd1c;
  border-right: 1px solid #404040;
}

.panel--cards .card--balance-chart .current-spending .more-icon .legend {
  left: 0 !important;
  right: auto !important;
  text-align: left !important;
}

.panel--cards .card--balance-chart .reserved-funds {
  position: absolute;
  top: 0;
  left: 40%;
  width: 15%;
  height: 100%;
  background: url(../graphics//hatched_bg.svg) #f6e7a5;
  border-right: 1px dashed #404040;
}

.ie8 .panel--cards .card--balance-chart .reserved-funds {
  background: url(../graphics//hatched_bg_ie8.png) #f6e7a5;
}

.panel--cards .card--balance-chart .reserved-funds .more-icon {
  top: auto;
  bottom: -9px;
}

.panel--cards .card--balance-chart .reserved-funds .more-icon .legend {
  top: auto !important;
  bottom: -20px !important;
  left: 0 !important;
  right: auto !important;
  text-align: left !important;
}

.panel--cards .card--balance-chart .limit {
  position: relative;
  width: 100%;
  height: 60px;
  background-color: #e6e6e6;
}

.panel--cards .card--balance-chart .limit .more-icon .legend {
  top: -20px;
  right: 0;
  text-align: right;
}

.panel-notification {
  margin: 8px 12px 8px;
  padding: 24px 12px 24px;
  background-color: #f3f3f3;
  border-radius: 10px;
  font-size: 14px;
  font-size: .93333rem;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .panel-notification {
    margin: 8px 24px 24px;
    padding: 24px 24px 24px;
  }

  .panel-notification+.panel-notification {
    margin-top: -16px;
  }
}

.panel-notification .panel-notification {
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.panel-notification .panel-notification-title {
  margin-bottom: 8px;
  font-size: 14px;
  font-size: .93333rem;
  text-transform: uppercase;
  font-weight: 700;
}

.panel-notification .panel-notification-title span[class^="icon-"] {
  font-size: 18px;
  font-size: 1.2rem;
  color: #808080;
  margin-right: 8px;
  vertical-align: top;
}

.panel-notification .panel-notification-desc {
  margin: 5px 0 20px;
  font-style: italic;
  line-height: 1.1;
  font-size: 14px;
  font-size: .93333rem;
  letter-spacing: 0.2px;
}

.panel-notification .panel-notification-row+.panel-notification-row {
  margin-top: 8px;
}

.panel-notification .amount-text {
  font-size: inherit;
}

.panel-notification .panel-notification-button-holder {
  margin-top: 20px;
}

.card-details {
  text-align: center;
  margin-top: 30px;
}

.card-label {
  display: inline-block;
  margin: 0 auto;
  padding: 2px 10px;
  font-size: 10px;
  font-size: .66667rem;
  text-transform: uppercase;
  color: #262626;
  background-color: #e6e6e6;
  border-radius: 3px;
  font-weight: 500;
  letter-spacing: 0.5px;
  border-radius: 12px;
}

.card-label+.total-availability--amount {
  margin-top: -5px;
}

.card-details__amount {
  margin-top: 10px;
}

.card-details__amount .card-image-label {
  margin-right: 10px;
}

.card-details__label {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #404040;
}

.card-image-label {
  display: inline-block;
  width: 64px;
  margin-right: 16px;
  vertical-align: top;
}

.card-spendings-chart.card-spendings-chart__debit {
  margin-top: -10px;
}

.card-spendings-chart.card-spendings-chart__debit .chart {
  padding-bottom: 230px;
}

.supplementaryCards__container {
  background-color: #fff;
  margin-left: 8px;
  margin-right: 8px;
}

.supplementaryCards__container:after {
  content: "";
  display: table;
  clear: both;
}

.supplementaryCards__titleHeader {
  padding: 8px 0;
  border-bottom: 1px solid #e6e6e6;
}

.supplementaryCards__title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  line-height: 1.2;
  text-align: left;
  color: #262626;
  padding: 12px 24px;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 24px;
}

.accountCheques__title {
  padding-left: 24px;
}

.title-wrap {
  display: block;
  padding: 0px 32px 24px;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  text-align: left;
  color: #262626;
  border-bottom: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .cardGeocontrol {
    display: table;
    width: 100%;
  }
}

.cardGeocontrol__map {
  padding: 10px;
}

@media only screen and (min-width: 768px) {
  .cardGeocontrol__map {
    display: table-cell;
    width: 67%;
    padding: 22px 22px 22px 52px;
    vertical-align: top;
  }
}

.cardGeocontrol__content {
  padding: 10px;
}

@media only screen and (min-width: 768px) {
  .cardGeocontrol__content {
    display: table-cell;
    width: 33%;
    padding-left: 32px;
    padding-right: 32px;
    vertical-align: top;
  }
}

.cardGeocontrol__content.editMode {
  background-color: #f5f5f5;
}

.initGeocontrolPage {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}

.initGeocontrolPage:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 768px) {
  .initGeocontrolPage {
    padding-left: 48px;
    padding-right: 48px;
    width: 50%;
  }
}

.initGeocontrolPage__infoBoxContainer {
  padding-bottom: 8px;
  padding-top: 8px;
}

.initGeocontrolPage__infoBoxContainer:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 768px) {
  .initGeocontrolPage__infoBoxContainer {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}

.initGeocontrolPage__infoBox {
  position: relative;
  border-radius: 4px;
  background-color: #f5f5f5;
  padding: 24px 24px 16px 42px;
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.2;
  text-align: left;
  color: #262626;
}

.initGeocontrolPage__infoBox .icon {
  position: absolute;
  top: 22px;
  left: 10px;
  font-size: 18px;
  color: gray;
}

.initGeocontrolPage__link {
  font-size: 12px;
  font-size: .8rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: #F36F20;
  text-transform: uppercase;
}

.initGeocontrolPage__headerContainer {
  border-bottom: 1px solid #ccc;
}

.initGeocontrolPage__headerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.initGeocontrolPage__titleContainer,
.initGeocontrolPage__editButtonContainer {
  display: inline-block;
}

.initGeocontrolPage__buttonWrapper {
  text-align: right;
  padding: 15px 0;
  border-top: 1px solid #e6e6e6;
}

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

.initGeocontrolPage__editButtonContainer {
  float: right;
  position: relative;
  top: 16px;
}

.initGeocontrolPage__iconEdit {
  cursor: pointer;
  border-radius: 24px;
  padding: 8px;
  border: solid 1px #e6e6e6;
}

.initGeocontrolPage__row {
  font-size: 12px;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.4;
  text-align: left;
  color: #4c4c4c;
  padding: 16px 0;
}

.initGeocontrolPage__row+.initGeocontrolPage__row {
  border-top: 1px solid #e6e6e6;
}

.initGeocontrolPage__input {
  width: 100%;
  display: inline-block;
}

.initGeocontrolPage__input label {
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .initGeocontrolPage__input {
    width: 50%;
  }
}

.initGeocontrolPage__rowTitle {
  display: inline-block;
}

.cardDetailsSettingAndHelp__titlePanel {
  border-bottom: 1px solid #ccc;
  padding-left: 24px;
  padding-bottom: 16px;
}

.initGeocontrolPage__inputDatePicker {
  margin-left: 25%;
}

.initVirtualCard__input {
  padding-bottom: 16px;
  padding-top: 16px;
}

.initVirtualCard__button {
  margin-left: 16px;
}

.initVirtualCard__buttonCover {
  padding: 16px;
}

.loan {
  background-color: #fff;
}

.loan--image-holder {
  display: block;
  height: 170px;
  overflow: hidden;
}

.loan--body {
  padding: 0 10px 10px;
}

.loan--body h3 {
  margin-top: 5px;
}

.loan--body p {
  margin: 0;
}

.loan--body p.loan--amount {
  margin-bottom: 10px;
  font-family: 'kite_oneregular', sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  direction: ltr;
}

.loan--body p.loan--period {
  font-family: 'kite_oneregular', sans-serif;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: bold;
}

.loan--link {
  display: block;
  line-height: 45px;
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
  color: #FFF !important;
  background-color: #F36F20;
}

.loan--link span[class^="icon-"] {
  position: relative;
  font-size: 16px;
  font-size: 1.06667rem;
  top: 1px;
  margin: 0 10px 0 0;
}

.loan--link:hover {
  background-color: #D65A10;
}

.deposit-trend:after {
  content: "";
  display: table;
  clear: both;
}

.deposit-trend .line-chart__right {
  float: right;
}

.pos-loan .no-pos-img {
  width: 105px;
  height: 105px;
  overflow: hidden;
  background-image: url(../graphics//loans-images/icon_loans-11.png);
  background-position: center center;
  background-repeat: no-repeat;
  margin: auto;
}

.pos-loan .no-pos-text {
  line-height: 1.2;
  font-weight: lighter;
  color: gray;
  max-width: 565px;
  margin: 20px auto;
}

.pos-loan .pos-loan-progressbar {
  height: 8px;
  margin-top: 20px;
}

.pos-loan .reminder {
  color: #F8EABC;
}

.pos-loan .details-total-amount {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
}

.pos-loan .pos-loan-panel {
  background-color: #F8EABC;
  padding: 0px 15px;
}

.pos-loan .pos-loan-panel .details-bold-text,
.pos-loan .pos-loan-panel .details-next-installment {
  font-weight: bold;
}

.pos-loan .pos-loan-panel .details-next-installment {
  max-width: 100px;
}

.pos-loan .pos-loan-panel .details-due-date {
  font-size: 12px;
  font-size: .8rem;
  font-weight: 300;
  padding-top: 5px;
}

.pos-loan-overview .payment__expandable {
  border-bottom: none;
}

.pos-loan-overview .payment__expandable .expandable-title .btn-more-fields {
  top: -25px;
}

.pos-loan-overview .icon-accounts {
  font-size: 32px;
  font-size: 2.13333rem;
  color: gray;
  float: left;
}

.pos-loan-overview .pos-loan__expandableCover {
  background-color: #fafafa;
}

.pos-loan.transactions .pos-loan-overview {
  margin-top: 0;
}

.loan-payoff .select__desc {
  font-size: 12px;
  font-size: .8rem;
  font-weight: bold;
  top: -15px;
  position: relative;
}

.loan-payoff .btn-switch {
  font-size: 14px;
  font-size: .93333rem;
  outline: none !important;
  color: #404040;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  background-color: #e6e6e6;
}

.loan-payoff .btn-switch:hover {
  background-color: #f5f5f5;
}

.loan-payoff .inputMaterial__loan {
  font-size: 16px;
  font-size: 1.06667rem;
}

.loan-payoff .exchange__info {
  margin-top: 50px;
}

.loan-payoff .exchange__info .info__text {
  font-size: 12px;
  font-size: .8rem;
  padding-top: 5px;
}

.loan-payoff .calculation__info {
  background-color: #f5f5f5;
  padding: 20px;
  margin-bottom: 30px;
}

.loan-payoff .calculation__info .InfoText__details {
  font-size: 10px;
  font-size: .66667rem;
}

.loanPayoff__info .product__info__text {
  font-weight: normal;
}

.documents .panel.documents {
  border-radius: 1px;
}

.documents .panel.mydocs {
  padding-top: 0;
}

.documents .panel .large.inputMaterial__input {
  background-color: #fff;
}

.documents .search-and-filter {
  padding-top: 25px;
  padding-bottom: 25px;
}

.documents--title {
  padding: 0 24px;
  margin: 0;
  color: #262626;
  font-weight: 300;
  font-size: 20px;
  font-size: 1.33333rem;
}

.documents--list--header {
  padding: 15px 24px;
  font-size: 11px;
  font-size: .73333rem;
  text-transform: uppercase;
  color: gray;
}

.documents--list--header span[class^="icon"] {
  font-size: 14px;
  font-size: .93333rem;
  vertical-align: text-bottom;
}

.documents--list--body .item {
  border-bottom: 1px solid #dfdfdf;
}

.documents--list--body .item-wrapper {
  padding: 15px 10px;
}

.documents--list--body .item-wrapper:hover {
  background-color: #fafafa;
}

@media only screen and (min-width: 768px) {
  .documents--list--body .item-wrapper {
    padding: 20px 24px;
  }
}

.documents--list--body .item .wcol-date,
.documents--list--body .item .wcol-name,
.documents--list--body .item .wcol-category {
  font-size: 13px;
  font-size: .86667rem;
  color: #404040;
}

.documents--list--body .item .receiptDisplayName {
  font-size: 13px;
  font-size: .86667rem;
}

.documents--list--body .item .notification {
  display: none;
}

.documents--list--body .item.updated {
  background-color: #f5f5f5;
}

.documents--list--body .item.updated .multiple-categories-menu {
  color: #F36F20;
}

.documents--list--body .item.updated .notification {
  display: block;
  font-size: 13px;
  font-size: .86667rem;
  text-align: right;
  padding: 5px 20px;
  color: #737373;
  background-color: #e6e6e6;
}

.documents--list .format-date {
  font-size: 13px;
  font-size: .86667rem;
  color: #404040;
}

.documents--list .wcol-link {
  color: inherit;
  width: 90%;
}

.documents--list .wcol-link:hover {
  color: inherit;
}

.documents--list .wcol-link .wcol-description {
  width: 100%;
}

.documents--list .wcol-description {
  width: 90%;
}

.wcol-link .documents--list .wcol-description {
  width: 100%;
}

.documents--list .wcol-description .wcol-date {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .documents--list .wcol-description .wcol-date {
    width: 17.5%;
  }
}

.documents--list .wcol-description .wcol-name {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .documents--list .wcol-description .wcol-name {
    width: 35%;
  }
}

.documents--list .wcol-description .wcol-voucher-name {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .documents--list .wcol-description .wcol-voucher-name {
    width: 45%;
  }
}

.documents--list .wcol-description .wcol-amount {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .documents--list .wcol-description .wcol-amount {
    width: 20%;
  }
}

.documents--list .wcol-description .wcol-amount .amount-text {
  font-size: 14px;
  font-size: .93333rem;
}

.documents--list .wcol-description .wcol-category {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .documents--list .wcol-description .wcol-category {
    width: 30%;
  }
}

.documents--list .wcol-mark {
  width: 6%;
}

.documents--list .wcol-mark+.wcol-description {
  width: 84%;
}

.documents--list .wcol-actions {
  width: 10%;
  text-align: right;
}

.documents--list .wcol-mark,
.documents--list .wcol-description,
.documents--list .wcol-actions {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .documents--list .wcol-date,
  .documents--list .wcol-name,
  .documents--list .wcol-voucher-name,
  .documents--list .wcol-amount,
  .documents--list .wcol-category {
    display: inline-block;
    vertical-align: middle;
  }
}

.documents--list .multiple-categories-menu {
  display: inline-block;
  cursor: pointer;
}

.documents--list .light {
  font-weight: 300;
}

.documents .panel__search-header {
  padding: 0 10px 10px;
}

@media only screen and (min-width: 768px) {
  .documents .panel__search-header {
    padding: 15px 24px;
  }
}

.documentList {
  padding: 0 10px;
}

@media only screen and (min-width: 768px) {
  .documentList {
    padding: 0 24px;
  }
}

.documentList__header {
  font-size: 11px;
  font-size: .73333rem;
  color: gray;
  text-transform: uppercase;
}

.documentList__header .dItem__date,
.documentList__header .dItem__detail,
.documentList__header .dItem__inDetailHalf {
  color: gray;
}

.documentList__body {
  font-size: 14px;
  font-size: .93333rem;
}

.documentList__row {
  padding: 19px 0;
}

.documentList .documentList__row+.documentList__row {
  border-top: 1px solid #e6e6e6;
}

.dItem {
  position: relative;
}

.dItem:after {
  content: "";
  display: table;
  clear: both;
}

.dItem__col {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
  word-wrap: break-word;
}

.dItem__description {
  width: 60%;
}

@media only screen and (min-width: 768px) {
  .dItem__description {
    width: 85%;
  }
}

.dItem__action {
  width: 40%;
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .dItem__action {
    width: 15%;
  }
}

.dItem__type {
  width: 15%;
}

@media only screen and (min-width: 768px) {
  .dItem__type {
    width: 8%;
    text-align: center;
  }
}

.dItem__date {
  width: 85%;
  color: #4d4d4d;
}

@media only screen and (min-width: 768px) {
  .dItem__date {
    width: 20%;
  }
}

.dItem__date span[class^="icon-"] {
  margin: 0 4px;
}

.dItem__detail {
  width: 100%;
  color: #262626;
}

@media only screen and (min-width: 768px) {
  .dItem__detail {
    width: 80%;
  }
}

@media only screen and (min-width: 768px) {
  .dItem__type+.dItem__date {
    width: 22%;
  }
}

@media only screen and (min-width: 768px) {
  .dItem__type+.dItem__date+.dItem__detail {
    width: 70%;
  }
}

.dItem__inDetailName {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .dItem__inDetailName {
    width: 28%;
    padding-right: 10px;
  }
}

.dItem__inDetailDescription {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .dItem__inDetailDescription {
    width: 25%;
    padding-right: 10px;
  }
}

@media only screen and (min-width: 768px) {
  #my-statements .dItem__inDetailDescription {
    width: 33.33333333%;
    padding-right: 10px;
  }
}

.dItem__inDetailName-wide {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .dItem__inDetailName-wide {
    width: 60%;
    padding-right: 10px;
  }
}

.dItem__inDetailAmount {
  width: 100%;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .dItem__inDetailAmount {
    width: 15%;
    text-align: right;
  }
}

.dItem__inDetailAmount .amount-text {
  font-size: 14px;
}

.dItem__inDetailDate {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .dItem__inDetailDate {
    width: 15%;
    padding-left: 30px;
  }
}

.dItem__inDetailHalf {
  width: 100%;
  color: #262626;
}

@media only screen and (min-width: 768px) {
  .dItem__inDetailHalf {
    width: 50%;
  }
}

.dItem__withMark {
  padding-left: 15px;
}

.dItem__withMark.unRead:before {
  top: 24%;
}

@media only screen and (min-width: 768px) {
  .dItem__withMark.unRead:before {
    top: 50%;
  }
}

.dItem__link {
  font-weight: 700;
}

.goal-row {
  padding: 15px 0;
  border-bottom: 1px solid #404040;
}

.goal-row:last-of-type {
  border-bottom: none;
}

.goal-row .goal-title-holder {
  padding: 15px 0 15px 15px;
}

.goal-row .goal-title-holder .goal-row-title {
  font-size: 35px;
  font-size: 2.33333rem;
  font-weight: 300;
}

.goal-image-holder {
  position: relative;
  width: 85px;
  height: 85px;
  border-radius: 50px;
  overflow: hidden;
}

.goal-image-holder.successed {
  background-color: #01b14f;
}

.goal-image-holder.successed:after {
  position: absolute;
  font-family: "icomoon";
  content: "\e624";
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 30px;
  font-size: 2rem;
  line-height: 85px;
  color: #fff;
}

.goal--chart-holder {
  padding: 15px 0;
}

.goal--chart-holder .goal-chart-goal {
  position: relative;
  width: 100%;
  height: 30px;
  margin-top: 30px;
  background-color: #edeceb;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.goal--chart-holder .goal-chart-goal.successed {
  background: #01b150;
  background: -webkit-gradient(left top, right top, color-stop(0%, #01b150), color-stop(100%, #0f7039));
  background: -webkit-linear-gradient(left, #01b150 0%, #0f7039 100%);
  background: -webkit-gradient(linear, left top, right top, from(#01b150), to(#0f7039));
  background: linear-gradient(to right, #01b150 0%, #0f7039 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b150', endColorstr='#0f7039', GradientType=1 );
  -webkit-box-shadow: 2px 2px rgba(201,199,198,0.75);
  box-shadow: 2px 2px rgba(201,199,198,0.75);
}

.goal--chart-holder .goal-chart-goal.successed .goal-numerical {
  font-weight: 700;
  color: #0f7039;
}

.goal--chart-holder .goal-chart-goal .goal-numerical {
  position: absolute;
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 300;
  right: 0;
  top: -35px;
}

.goal--chart-holder .goal-chart-goal .funds-received {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 80%;
  background: #eabd1c;
}

.goal--chart-holder .goal-chart-goal .funds-saved {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 20%;
  background: #F36F20;
}

.goal--chart-holder .goal-chart-goal.large {
  height: 80px;
  margin-bottom: 50px;
  background-color: rgba(63,63,63,0.5);
}

.goal--chart-holder .goal-chart-goal.large .goal-numerical {
  font-size: 30px;
  font-size: 2rem;
  top: auto;
  bottom: -40px;
  color: #fff;
}

.goal--chart-holder .goal-chart-goal.large .goal-reached {
  position: absolute;
  top: -10px;
  bottom: 0;
  left: 0;
  width: 80%;
  border-right: 2px solid #6e6e6e;
  background: none;
}

.goal--chart-holder .goal-chart-goal.large .goal-reached:before {
  position: absolute;
  content: "";
  border-top: 1px dashed #fff;
  top: -5px;
  width: 100%;
}

.goal--chart-holder .goal-chart-goal.large .goal-reached:after {
  position: absolute;
  content: "";
  border-top: 1px dashed #fff;
  top: -5px;
  width: 100%;
}

.goal--chart-holder .goal-chart-goal.large .goal-reached .goal-reached-numerical {
  font-size: 30px;
  font-size: 2rem;
  top: auto;
  bottom: -40px;
  color: #fff;
}

.goal--chart-holder .goal-chart-goal.large .goal-reached .goal-reached-percentage {
  position: absolute;
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 400;
  left: auto;
  right: -2px;
  top: -33px;
  padding: 8px 15px 0 0;
  color: #fff;
  z-index: 10;
}

.goal--chart-holder .goal-chart-goal.large .goal-reached .goal-reached-percentage:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 25px 75px 25px 25px;
  border-style: solid;
  border-color: #6e6e6e #6e6e6e #6e6e6e transparent;
  z-index: -1;
}

.goal--chart-holder .goal-chart-goal.middle {
  height: 35px;
  margin-bottom: 50px;
}

.goal--chart-holder .goal-chart-goal.middle .goal-numerical {
  font-size: 30px;
  font-size: 2rem;
  top: auto;
  bottom: -40px;
  color: #fff;
}

.goal--chart-holder .goal-chart-goal.middle .goal-reached {
  position: absolute;
  top: -10px;
  bottom: 0;
  left: 0;
  width: 80%;
  border-right: 2px solid #6e6e6e;
  background: none;
}

.goal--chart-holder .goal-chart-goal.middle .goal-reached:before {
  position: absolute;
  content: "";
  border-top: 1px dashed #fff;
  top: -5px;
  width: 100%;
}

.goal--chart-holder .goal-chart-goal.middle .goal-reached:after {
  position: absolute;
  content: "";
  border-top: 1px dashed #000;
  top: -5px;
  width: 100%;
}

.goal--chart-holder .goal-chart-goal.middle .goal-reached .goal-reached-percentage {
  position: absolute;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 400;
  left: auto;
  right: -2px;
  top: -24px;
  padding: 8px 10px 0 0;
  color: #fff;
  z-index: 10;
}

.goal--chart-holder .goal-chart-goal.middle .goal-reached .goal-reached-percentage:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 20px 60px 20px 20px;
  border-style: solid;
  border-color: #4f4f4f #4f4f4f #4f4f4f transparent;
  z-index: -1;
}

.goal--chart-holder .goal-chart-goal.middle .overview {
  position: absolute;
  top: 45px;
  left: 0;
}

.goal--chart-holder .goal-chart-goal.middle .overview .overview--large {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 300;
}

.goal--chart-holder .goal-chart-goal.middle .overview .overview--small {
  font-size: 14px;
  font-size: .93333rem;
}

.goal--chart-holder .goal-chart-goal.middle .goal-reached-numerical {
  position: absolute;
  top: auto;
  bottom: -40px;
  right: 0;
  left: auto;
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 700;
  color: #000;
}

.goal--chart-holder .goal-chart-goal .goal-reached {
  position: absolute;
  top: -2px;
  bottom: 2px;
  left: 0;
  width: 60%;
  background: #F36F20;
  background: -webkit-gradient(left top, right top, color-stop(0%, #F36F20), color-stop(100%, #D65A10));
  background: -webkit-linear-gradient(left, #F36F20 0%, #D65A10 100%);
  background: -webkit-gradient(linear, left top, right top, from(#F36F20), to(#D65A10));
  background: linear-gradient(to right, #F36F20 0%, #D65A10 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-primary', endColorstr='$color-orange-dark', GradientType=1 );
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: 0 1px 1px rgba(0,0,0,0.075);
}

.goal--chart-holder .goal-chart-goal .goal-reached.successed {
  width: 100%;
  background: #01b150;
  background: -webkit-gradient(left top, right top, color-stop(0%, #01b150), color-stop(100%, #0f7039));
  background: -webkit-linear-gradient(left, #01b150 0%, #0f7039 100%);
  background: -webkit-gradient(linear, left top, right top, from(#01b150), to(#0f7039));
  background: linear-gradient(to right, #01b150 0%, #0f7039 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b150', endColorstr='#0f7039', GradientType=1 );
  -webkit-box-shadow: 2px 2px rgba(201,199,198,0.75);
  box-shadow: 2px 2px rgba(201,199,198,0.75);
}

.goal--chart-holder .goal-chart-goal .goal-reached .goal-reached-numerical {
  position: absolute;
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 700;
  left: 0;
  top: -33px;
  color: #F36F20;
}

.goal-overview {
  position: relative;
  height: 450px;
  margin-bottom: -45px;
}

.goal-overview .goal-overview--background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.goal-overview .goal-overview--overlay {
  position: relative;
  z-index: 2;
}

.goal-overview .goal-overview--overlay h3 {
  margin: 0 0 20px;
}

.goal-overview .goal-overview--overlay .goal-overview--overlay-chart {
  height: 450px;
  padding: 40px 50px;
  background-color: rgba(0,0,0,0.4);
}

.goal-overview .goal-overview--overlay .goal-image-holder {
  width: 115px;
  height: 115px;
  border-radius: 60px;
  margin: 50px auto 20px;
}

.goal-overview .goal-overview--overlay .goal-title {
  position: relative;
  font-size: 45px;
  font-size: 3rem;
  font-weight: 300;
  margin-bottom: 55px;
  text-align: center;
  color: #fff;
}

.goal-overview .goal-overview--overlay .goal-title:after {
  content: "";
  position: absolute;
  top: 100px;
  left: 50%;
  width: 100px;
  height: 1px;
  margin-left: -50px;
  background-color: #fff;
}

.goal-overview .goal-overview--overlay .goal-overview--table {
  width: 100%;
  color: #fff;
  text-align: center;
}

.goal-overview .goal-overview--overlay .goal-overview--table td {
  width: 50%;
  border: 1px solid #fff;
  border-collapse: collapse;
  padding: 30px 10px;
}

.contributors {
  text-align: center;
}

.contributors .contributor {
  display: inline-block;
  margin: 10px 2px;
}

.contributors .contributor .avatar {
  width: 35px;
  height: 35px;
  border-radius: 20px;
  overflow: hidden;
}

.contributors .contributors--total {
  font-family: 'kite_oneregular', sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
}

.goal-description-form {
  margin-bottom: 15px;
}

.goal-description-form .goal-description {
  width: 100%;
  padding: 30px 15px;
  text-align: center;
  font-family: "kite_oneregular", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  background: rgba(255,255,255,0.8);
  border: 1px solid #c4c4c4;
}

.vouchers.panel {
  margin-top: 16px;
}

.vouchers-list {
  border-top: 1px solid #d1d1d1;
}

.vouchers-list__group {
  padding: 0 15px;
  margin: 15px 0;
}

.vouchers-list__index {
  font-size: 13px;
  font-size: .86667rem;
  text-transform: uppercase;
  margin: 0 -15px;
  padding: 0 15px 5px;
  border-bottom: 1px solid #dedede;
}

.vouchers-item {
  padding: 15px 0;
}

.vouchers-item+.vouchers-item {
  border-top: 1px solid #dedede;
}

@media only screen and (min-width: 768px) {
  .vouchers-item__name,
  .vouchers-item__description,
  .vouchers-item__amount,
  .vouchers-item__action {
    display: inline-block;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 768px) {
  .vouchers-item__name {
    width: 25%;
  }
}

@media only screen and (min-width: 768px) {
  .vouchers-item__description {
    width: 35%;
  }
}

@media only screen and (min-width: 768px) {
  .vouchers-item__amount {
    width: 20%;
  }
}

@media only screen and (min-width: 768px) {
  .vouchers-item__action {
    width: 20%;
  }
}

.vouchers-item .amount-text {
  font-size: 13px;
  font-size: .86667rem;
}

.calculator {
  background: #e6e6e6;
  margin-bottom: 15px;
}

.calculator.height-150 {
  min-height: 150px;
}

.calculator-icon {
  padding: 25px;
  font-size: 30px;
  font-size: 2rem;
}

.calculator-inner {
  font-size: 24px;
  font-size: 1.6rem;
  text-align: center;
  margin: 20px 0;
  line-height: 50px;
}

.calculator input {
  font-family: 'kite_oneregular', sans-serif;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: center;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px dotted #999;
  padding: 0 15px;
  color: #D65A10;
}

.calculator input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.calculator input::-webkit-input-placeholder {
  color: #D65A10;
}

.calculator input:-moz-placeholder {
  color: #D65A10;
}

.calculator input::-moz-placeholder {
  color: #D65A10;
}

.calculator input:-ms-input-placeholder {
  color: #D65A10;
}

.calculator input:disabled {
  color: #e6e6e6;
}

.calculator-btn {
  width: 100%;
  font-size: 16px;
  font-size: 1.06667rem;
  min-height: 45px;
  color: #fff;
  background: #F36F20;
  border: 0;
}

.calculator-btn:hover {
  background: #D65A10;
}

.calculator-btn:after {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  right: 50px;
  top: 0;
  border-bottom: 15px solid transparent;
  border-left: 20px solid #e6e6e6;
}

.select-only-line {
  font-family: 'kite_oneregular', sans-serif;
  background: transparent;
  border: none;
  border-bottom: 2px dotted #999;
  padding: 7px;
  color: #D65A10;
}

.modal.fade .daily-sacrifice {
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.in .daily-sacrifice {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal.new .daily-sacrifice .daily-sacrifice--icon .icon-ds {
  background-image: url(../graphics//daily-sacrifice-light-blue.png);
}

.modal.new .daily-sacrifice .daily-sacrifice--icon .icon-ds .amount {
  color: #65acb2;
}

.modal.completed .daily-sacrifice .daily-sacrifice--icon .icon-ds {
  background-image: url(../graphics//daily-sacrifice-green.png);
}

.modal.completed .daily-sacrifice .daily-sacrifice--icon .icon-ds .icon-success {
  position: absolute;
  top: 54px;
  left: 0;
  right: 0;
  font-size: 14px;
  font-size: .93333rem;
  color: #1e8b49;
  z-index: 180;
}

.modal.completed .daily-sacrifice .daily-sacrifice--icon .icon-ds .amount {
  color: #1e8b49;
}

.modal.completed .daily-sacrifice .ds--form {
  max-width: 370px;
}

.modal.canceled .daily-sacrifice .daily-sacrifice--icon .icon-ds {
  background-image: url(../graphics//daily-sacrifice-light-gray.png);
}

.modal.canceled .daily-sacrifice .ds--form {
  max-width: 370px;
}

.modal.modify .daily-sacrifice .daily-sacrifice--icon .icon-ds {
  background-image: url(../graphics//daily-sacrifice-red.png);
}

.modal.modify .daily-sacrifice .daily-sacrifice--icon .icon-ds .amount {
  color: #c1200f;
}

.modal.modify .daily-sacrifice .selection-made:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #F36F20;
}

.daily-sacrifice {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #f7f7f7;
  border-top: 7px solid #F36F20;
  text-align: center;
  z-index: 9500;
}

.daily-sacrifice--header {
  background-color: #fff;
  padding: 15px;
  margin-bottom: -50px;
}

.daily-sacrifice--header h3 {
  position: relative;
  z-index: 158;
}

.daily-sacrifice--header p {
  position: relative;
  z-index: 157;
}

.daily-sacrifice--header .daily-sacrifice--icon {
  display: inline-block;
  width: 170px;
  height: 170px;
  margin-top: -10px;
  margin-bottom: -100px;
  background-color: #fff;
  border-radius: 80px;
}

.daily-sacrifice--header .daily-sacrifice--icon .icon-ds {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.daily-sacrifice--header .daily-sacrifice--icon .icon-ds .amount {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  font-size: 30px;
  font-size: 2rem;
  font-weight: 700;
  color: #65acb2;
}

.daily-sacrifice--body {
  padding: 140px 15px 15px;
}

.daily-sacrifice--body .ds--form {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 615px;
  padding: 50px 20px;
  background-color: #fff;
}

.daily-sacrifice--body .ds--form-block {
  position: relative;
  display: table;
  margin: 0 auto;
  z-index: 200;
  text-align: center;
  vertical-align: middle;
}

.daily-sacrifice--body .ds--form-block .ds--form-label {
  display: table-cell;
  font-size: 20px;
  font-size: 1.33333rem;
  vertical-align: middle;
  padding: 0 15px;
}

.daily-sacrifice--body .ds--form-block .digical-select-menu {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  width: 180px;
}

.daily-sacrifice--body .ds--form-block .digical-select-menu label {
  font-size: 16px;
  font-size: 1.06667rem;
  background-color: #fff;
  padding-right: 55px;
}

.daily-sacrifice--body .ds--form .send-to-front {
  position: relative;
  z-index: 180;
}

.daily-sacrifice--body .ds--form .ds-available-amount {
  position: absolute;
  top: 0;
  right: -215px;
  bottom: 0;
  width: 215px;
  padding: 15px;
  background-color: #F36F20;
  z-index: 180;
}

.daily-sacrifice--body .ds--form .ds-available-amount--text {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}

.daily-sacrifice--body .ds--form .ds-available-amount .full-height-table {
  display: table;
  height: 100%;
}

.daily-sacrifice--body .ds--form .ds-available-amount:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 0;
  height: 0;
  margin-top: -10px;
  border-right: 10px solid #F36F20;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
}

.daily-sacrifice--body .ds--form .ds-alert {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  color: #c1200f;
}

.daily-sacrifice--body .ds--form:after {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.daily-sacrifice--body .btn {
  position: relative;
  margin: 15px 15px 0;
  z-index: 170;
}

.daily-sacrifice--overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background-color: rgba(235,235,235,0.25);
  z-index: 100;
}

.footer {
  overflow: hidden;
}

body.login .footer,
body.error .footer {
  position: relative;
  padding: 0;
  overflow: visible;
}

.footer-activator {
  position: relative;
  padding: 10px;
  color: #4d4d4d;
  background-color: #fff;
  opacity: 1;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer-activator {
    padding: 10px 40px;
  }
}

.footer-activator:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 98%;
  width: "calc(100% - 30px)";
  border-bottom: 1px solid #e6e6e6;
  left: 15px;
  margin: 0 auto;
}

.footer-activator.fade {
  opacity: 0;
}

.footer-activator .footer-expander {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  text-align: center;
  cursor: pointer;
}

.footer-activator .footer-expander.collapsed:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.footer .txt-light {
  color: #4d4d4d;
  font-size: 10px;
  font-size: .66667rem;
  display: inline-block;
}

.footer .icon {
  padding: 0px 8px 0 0px;
}

.footer .icon.onlineSecurityModal__icon {
  padding: 0;
}

.footer-collapse {
  color: #262626;
  background-color: #fff;
}

.footer-collapse span[class^="icon-"] {
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer-collapse .container {
    position: relative;
  }
}

.footer-collapse .container .alexStyle.add-middle-devider:before {
  background-color: #e6e6e6;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .footer-collapse .container .alexStyle.add-middle-devider:before {
    display: block;
  }
}

.footer-collapse .footer__item {
  font-size: 10px;
  font-size: .66667rem;
  font-weight: 700;
  display: inline-block;
  color: #4d4d4d;
  padding: 8px;
  text-transform: uppercase;
}

.footer-collapse .footer__item:hover,
.footer-collapse .footer__item:focus {
  color: #F36F20;
  text-decoration: none !important;
}

.footer-collapse .footer__item.footer__itemSocial {
  cursor: none;
}

.footer-collapse .footer__item.footer__itemSocial:hover,
.footer-collapse .footer__item.footer__itemSocial:focus {
  color: #4d4d4d;
}

.footer-collapse .footer__item.postlog {
  display: inline-block;
}

.footer-collapse .footer__item.prelog {
  display: none;
}

.footer-collapse .footer__column {
  float: left;
  text-align: left;
  width: 50%;
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer__column {
    width: auto;
  }
}

.footer-collapse .footer__column .footer__details {
  font-weight: bold;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .footer-collapse .footer__column.txt-light {
    display: block;
    width: 100%;
    margin: 0px 2px 8px 0px;
  }
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer__column:first-child .footer__item {
    padding-left: 0;
  }
}

.footer-collapse .footer__iconWidth {
  width: 170px;
}

.footer-collapse .footer__listInfo {
  margin-bottom: 24px;
}

.footer-collapse .footer__info {
  color: gray;
  font-size: 10px;
  font-size: .66667rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

.footer-collapse .footer__info.footer__bold {
  color: #4d4d4d;
  font-weight: bold;
}

.footer-collapse .footer__listSocial {
  list-style: none;
  display: inline-block;
  width: 48%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer-collapse .footer__listSocial {
    display: block;
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .footer-collapse .footer__listSocial {
    display: block;
    width: 100%;
  }
}

@media only screen and (min-width: 1280px) {
  .footer-collapse .footer__listSocial {
    display: block;
    width: 100%;
  }
}

@media only screen and (min-width: 1280px) {
  .footer-collapse .footer__listSocial {
    display: block;
    width: 100%;
  }
}

@media only screen and (min-width: 1280px) {
  .footer-collapse .footer__listSocial {
    display: block;
    width: 100%;
  }
}

.footer-collapse .footer__iconSocial {
  height: 16px;
  margin-right: 8px;
  color: #d9d9d9;
  float: left;
}

.footer-collapse .footer__social {
  display: inline-block;
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 0.8;
  letter-spacing: 0.2px;
  color: gray;
  text-decoration: none;
}

.footer-collapse .footer--large-phone-number {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 700;
}

.footer-collapse .footer--large-phone-number a {
  color: #262626;
}

.footer-collapse .footer--large-phone-number a:hover,
.footer-collapse .footer--large-phone-number a:focus {
  color: #262626;
  text-decoration: none !important;
}

.footer-collapse .footer--large-phone-number a.alexStyle {
  background-color: #e6e6e6;
  color: #4d4d4d;
  display: inline-block;
  padding: 8px 16px;
  border-radius: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer-collapse .panelFooter-wrapper {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .footer-collapse .panelFooter-wrapper {
    margin-top: 36px;
    margin-bottom: 64px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer-collapse .footer--link-list-with-icon.panel-info {
    margin: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .footer-collapse .footer--link-list-with-icon.panel-info {
    margin: 0;
    padding-left: 32px;
    display: inline-block;
    margin-left: 56px;
  }

  .footer-collapse .footer--link-list-with-icon.panel-info:first-child {
    margin-left: 0px;
  }
}

.footer-collapse .footer--link-list-with-icon.panel-info span {
  font-size: 16px;
  font-size: 1.06667rem;
}

.footer-collapse .footer--link-list-with-icon.panel-info .income {
  color: #2b8804;
}

.footer-collapse .footer--link-list-with-icon,
.footer-collapse .footer--share-list {
  list-style: none;
  padding: 5px 0;
  font-size: 16px;
  font-size: 1.06667rem;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer-collapse .footer--link-list-with-icon li,
  .footer-collapse .footer--share-list li {
    display: block;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .footer-collapse .footer--link-list-with-icon li,
  .footer-collapse .footer--share-list li {
    padding-bottom: 10px;
  }
}

.footer-collapse .footer--link-list-with-icon li a,
.footer-collapse .footer--share-list li a {
  position: relative;
  display: inline-block;
  padding: 3px 0;
}

.footer-collapse .footer--link-list-with-icon li span[class^="icon-"],
.footer-collapse .footer--share-list li span[class^="icon-"] {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -7px;
  color: #262626;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer-collapse .footer--link-list-with-icon li span[class^="icon-"],
  .footer-collapse .footer--share-list li span[class^="icon-"] {
    font-size: 1.2em;
    position: static;
  }
}

.footer-collapse .footer--share-list li {
  display: inline-block;
}

.footer-collapse .footer--share-list li span[class^="icon-"] {
  font-size: 18px;
  font-size: 1.2rem;
  position: static;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .footer-collapse .footer--share-list li span[class^="icon-"] {
    font-size: 15px;
    font-size: 1rem;
  }
}

.footer-collapse .footer--top-line {
  padding: 16px 0 5px;
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer--top-line {
    padding: 14px 0;
  }
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer--top-line__left {
    float: left;
  }
}

.footer-collapse .footer--top-line__right {
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer--top-line__right {
    float: right;
    line-height: 30px;
  }
}

.footer-collapse .footer--top-line__right .footer__columnRight {
  font-size: 10px;
  font-size: .66667rem;
  color: gray;
}

.footer-collapse .footer--top-line__right .version {
  display: inline-block;
}

.footer-collapse .footer--top-line__right .version+.version {
  margin-left: 20px;
}

.footer-collapse .footer--bottom-line {
  background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer--bottom-line .footer__logo {
    height: 16px;
  }

  .footer-collapse .footer--bottom-line .footer__logo.bw {
    display: none;
  }

  .footer-collapse .footer--bottom-line .footer__logo.color {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer--bottom-line .footer__bankOfLogo {
    height: 16px;
  }

  .footer-collapse .footer--bottom-line .footer__bankOfLogo.white {
    display: none;
  }

  .footer-collapse .footer--bottom-line .footer__bankOfLogo.gray {
    display: inline-block;
  }
}

.footer-collapse .footer--bottom-line .highContrast {
  position: relative;
  display: inline-block;
}

.footer-collapse .footer--bottom-line .highContrast input[type="checkbox"]+span {
  padding-right: 40px;
}

.footer-collapse .footer--bottom-line .highContrast input[type="checkbox"]+span:before {
  width: 32px;
  height: 16px;
  top: -1px;
  background-color: #e6e6e6;
}

.footer-collapse .footer--bottom-line .highContrast input[type="checkbox"]+span:after {
  width: 12px;
  height: 12px;
  right: 18px;
  background-color: #ccc;
}

.footer-collapse .footer--bottom-line .highContrast input[type="checkbox"]:checked+span:after {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

.footer-collapse .footer--bottom-line .highContrast__label {
  position: relative;
  font-size: 10px;
}

.footer-collapse .footer--bottom-line .textResize {
  display: inline-block;
  margin-left: 20px;
}

.footer-collapse .footer--bottom-line .textResize__title {
  font-size: 10px;
  color: #fff;
  margin-right: 16px;
  vertical-align: middle;
}

.footer-collapse .footer--bottom-line .textResize__resize {
  position: relative;
  display: inline-block;
  width: 40px;
  line-height: 40px;
  margin-right: -4px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.footer-collapse .footer--bottom-line .textResize__resize.type1 {
  font-size: 9px;
}

.footer-collapse .footer--bottom-line .textResize__resize.type2 {
  font-size: 12px;
}

.footer-collapse .footer--bottom-line .textResize__resize.type3 {
  font-size: 16px;
}

.footer-collapse .footer--bottom-line .textResize__resize.active:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 14px;
  bottom: 10px;
  left: 50%;
  margin-left: -7px;
  background-color: #4d4d4d;
}

.footer-collapse .footer--bottom-line .textResize .textResize__resize+.textResize__resize {
  border-left: none;
}

.footer-collapse .footer--bottom-line .impressum {
  position: relative;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer-collapse .footer--bottom-line .impressum {
    display: inline-block;
    text-align: left;
  }
}

.footer-collapse .footer--bottom-line .impressum a {
  display: inline-block;
  position: relative;
  font-size: 10px;
  font-size: .66667rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  text-transform: uppercase;
}

.footer-collapse .footer--bottom-line .impressum a+a {
  margin: 0 0 0 15px;
}

.footer-collapse .footer--bottom-line .impressum a+a:before {
  position: absolute;
  content: "";
  top: 0;
  left: -9px;
  bottom: 0;
  width: 1px;
  background-color: #4d4d4d;
}

.footer__scrolling-anchor {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 1px;
}

.footer-popup .tab-content {
  background-color: #f5f5f5;
}

.footer-popup .modal-content {
  max-width: 550px;
  margin: 0 auto;
}

@media only screen and (min-width: 0px) {
  .footer-popup__wide .modal-dialog {
    max-width: 680px;
  }
}

.footer-popup__wide .modal-content {
  max-width: 680px;
}

.footer-popup a {
  display: inline-block;
}

.footer-popup a:hover {
  color: #F36F20;
}

.footer-popup a>span {
  color: gray;
}

.footer-popup .modal-title--large {
  color: #262626;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 500;
  margin: 8px auto 16px auto;
}

.footer-popup .footer__col--body {
  display: block;
  padding-bottom: 28px;
  max-width: 86%;
  margin: 0px auto;
  text-align: left;
}

.footer-popup .footer__col--body:after {
  content: "";
  display: table;
  clear: both;
}

.footer-popup .footer__col--Popup .modal-sub-title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  text-align: left;
  display: inline-block;
  color: #262626;
}

.footer-popup .footer__col--Popup .footer__listInfo {
  margin: 25px 0;
  position: relative;
}

.footer-popup .footer__col--Popup .footer__info {
  position: relative;
  color: gray;
  font-size: 12px;
  font-size: .8rem;
  text-transform: uppercase;
  display: block;
}

.footer-popup .footer__col--Popup .footer__details {
  color: #4d4d4d;
  font-size: 12px;
  font-size: .8rem;
  font-weight: bold;
}

.footer-popup .footer__col--Popup .footer__infoContent {
  margin-left: 30px;
}

.footer-popup .footer__col--Popup .footer-icon {
  position: absolute;
  top: 0;
  left: 0;
}

.footer-popup .footer__col--Popup .footer-bottom-right .icon-print {
  margin-right: 8px;
}

.footer-popup .footer__bottom-popup {
  border-radius: 10px;
  text-align: left;
  height: 40px;
}

.footer-popup .footer__bottom-popup .footer__bold {
  display: block;
  padding: 15px 15px;
  font-size: 10px;
  font-size: .66667rem;
  font-weight: 700;
  color: #4d4d4d;
  text-transform: uppercase;
}

.footer-popup .footer__content--txt {
  text-align: left;
  border-radius: 8px;
  border: solid 1px #e6e6e6;
  padding: 24px;
  overflow: scroll;
  height: 256px;
}

.footer-popup .footer__content--txt .modal-sub-title {
  font-size: 14px;
  font-size: .93333rem;
  font-weight: bold;
  line-height: 1.4;
  color: #262626;
}

.footer-popup .footer__content--txt p,
.footer-popup .footer__content--txt li {
  font-size: 12px;
  line-height: 1.5;
  color: gray;
}

.footer-popup .footer-bottom-right {
  text-align: right;
  font-weight: bold;
  font-size: 10px;
  font-size: .66667rem;
  margin-top: 32px;
  display: block;
  color: #4d4d4d;
}

.footer-popup .footer-tab--item {
  display: inline-block;
  border-bottom: 1px solid #e6e6e6;
  list-style: none;
  padding: 0px 0px 22px 0px;
  width: 100%;
  text-align: left;
}

.footer-popup .footer-tab--item:after {
  content: "";
  display: table;
  clear: both;
}

.footer-popup .footer-tab--item li {
  display: inline-block;
  width: 25%;
  margin-right: -4px;
  vertical-align: top;
}

.footer-popup .footer-tab--item li.active a span {
  color: #F36F20 !important;
}

.footer-popup .footer-tab--item a {
  color: gray;
  padding: 0 5px;
  font-weight: 300;
}

.footer-popup .footer-tab--item a span:first-child {
  font-size: 22px;
  font-size: 1.46667rem;
}

.footer-popup .footer-tab--item a:hover span {
  color: #F36F20 !important;
}

.footer-popup .footer-tab--item a .footer-tab--voice {
  display: block;
  font-size: 14px;
  text-align: center;
  color: #262626;
  margin-top: 8px;
  white-space: normal;
}

@media only screen and (max-width: 767px) {
  .accessibilityControl {
    text-align: center;
  }
}

body .footer-collapse {
  background-color: #4d4d4d;
  background-color: rgba(77,77,77,0.9);
}

body .footer-collapse span {
  color: #fff;
  margin: 0px;
}

body .footer-collapse .icon {
  color: #4d4d4d !important;
}

body .footer-collapse .offcanvas {
  margin-left: 0px;
}

body .footer-collapse .footer--bottom-line {
  background-color: #404040;
}

@media only screen and (min-width: 768px) {
  body .footer-collapse .footer--bottom-line .footer__logo.bw {
    display: inline-block;
  }

  body .footer-collapse .footer--bottom-line .footer__logo.color {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  body .footer-collapse .footer--bottom-line .footer__bankOfLogo {
    height: 16px;
  }

  body .footer-collapse .footer--bottom-line .footer__bankOfLogo.white {
    display: inline-block;
  }

  body .footer-collapse .footer--bottom-line .footer__bankOfLogo.gray {
    display: none;
  }
}

body .footer-collapse .txt-light {
  display: none;
}

body .footer-collapse .footer__wrapper {
  border-top: 0px;
}

body .footer-collapse .footer__item {
  color: #fff;
}

body .footer-collapse .footer__item.postlog {
  display: none;
}

body .footer-collapse .footer__item.prelog {
  display: inline-block;
}

body .footer-collapse .footer--top-line__right .version>span {
  color: #fff;
}

body .footer-collapse .textResize__title {
  color: #fff;
}

body .footer-collapse .textResize__resize {
  color: #fff;
  border-left: 1px solid #4c4c4c;
  border-right: 1px solid #4c4c4c;
}

body .footer-collapse .textResize__resize.active:after {
  background-color: #ccc;
}

body .footer-collapse .custom-checkbox.highContrast label input[type="checkbox"]+span {
  color: #fff;
}

body .footer-collapse .custom-checkbox.highContrast label input[type="checkbox"]+span:before {
  background-color: #fff;
}

body .footer-collapse .custom-checkbox.highContrast label input[type="checkbox"]+span:after {
  background-color: #262626;
}

.self-care {
  padding-top: 10px;
}

.self-care--header {
  position: relative;
  padding-bottom: 15px;
  height: 200px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-bottom: 1px solid #D0D0D0;
}

.self-care--header .user-credentials {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 5;
}

.self-care--header .user-credentials .user-image {
  display: block;
  width: 65px;
  height: 65px;
  margin: 35px auto 0;
  border-radius: 50%;
  border: 3px solid #fff;
  overflow: hidden;
}

.self-care--header .user-credentials .user-image--holder {
  position: relative;
}

.self-care--header .user-credentials h2 {
  margin-top: 35px;
  color: #fff;
  text-align: center;
}

.self-care--header .file-upload .upload-label-text {
  display: none;
  bottom: 10px;
}

.self-care--header .file-upload .hidden-upload-input {
  width: 0;
  height: 0;
  overflow: hidden;
}

.self-care--header .file-upload:hover .upload-label-text {
  display: block;
}

.self-care--header .self-care--header--background {
  position: absolute;
  top: 0;
  left: 0;
}

.self-care--menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
}

.self-care--menu li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #D0D0D0;
}

.self-care--menu li a {
  position: relative;
  display: block;
  padding: 20px 15px 20px 30px;
  text-transform: uppercase;
  color: #404040;
}

.self-care--menu li a span[class^="icon-"] {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  font-size: 24px;
  font-size: 1.6rem;
}

.self-care--menu li a:after {
  font-family: "icomoon";
  content: "\e606";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -16.5px;
  font-size: 24px;
  font-size: 1.6rem;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.self-care--menu li a:hover {
  background-color: #f0f0f0;
}

.self-care--menu li.active:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #F36F20;
  width: 5px;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.self-care--menu li.active a {
  color: #F36F20;
}

.self-care--data h3 {
  margin-bottom: 50px;
}

.self-care--data .line-edit {
  margin-bottom: 50px;
}

.self-care--data .line-edit label {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 30px 3px 15px;
}

.self-care .page-title {
  padding-bottom: 0;
  margin-bottom: 15px;
}

.self-care .page-title h1 {
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 5px;
}

.self-care .page-title .pre-title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  margin-bottom: 0;
  color: #404040;
}

.self-care .margin-top-80 {
  margin-top: 80px;
}

.self-care .user {
  padding: 30px 0;
  border-bottom: none;
}

.self-care .user .user--image {
  display: inline-block;
  width: 90px;
  height: 90px;
  margin: 0 20px 0 15px;
  vertical-align: middle;
}

.self-care .user .user--image .rounded {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}

.self-care .user .user--info {
  display: inline-block;
  vertical-align: middle;
}

.self-care .user .user--info .name {
  display: block;
  font-size: 18px;
  font-size: 1.2rem;
}

.self-care .user .user--info .btn-pure {
  display: block;
  margin: 0;
}

.self-care .force-light-text {
  font-weight: 300;
}

.self-care .panel-heading {
  background-color: #f5f5f5;
}

.self-care--row {
  display: table;
  width: 100%;
  border-top: 1px solid #e7e7e7;
}

.self-care--row .thin-col {
  width: 300px;
  display: table-cell;
  vertical-align: top;
  background-color: #f5f5f5;
}

.self-care--row .wide-col {
  display: table-cell;
  height: 500px;
  background-color: #fff;
  border-left: 1px solid #e1e1e1;
  -webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.05) inset;
  box-shadow: 1px 0 3px rgba(0,0,0,0.05) inset;
}

.self-care--row .devices {
  margin: 0;
  padding: 0;
  list-style: none;
}

.self-care--row .devices .device {
  position: relative;
  padding: 15px;
  cursor: pointer;
}

.self-care--row .devices .device:after {
  position: absolute;
  content: "";
  bottom: 0;
  height: 1px;
  left: 15px;
  right: 15px;
  background-color: #dedede;
}

.self-care--row .devices .device.active {
  background-color: #fff;
}

.self-care--row .devices .device.active:after {
  display: none;
}

.self-care--row .devices .device:last-child:after {
  display: none;
}

.self-care--row .devices .device--image {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
}

.self-care--row .devices .device--image .rounded {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background-color: #e6e6e6;
  background-image: url(../graphics//no-image.jpg);
  background-size: 50px;
  background-position: center center;
  background-repeat: no-repeat;
}

.self-care--row .devices .device--info {
  display: inline-block;
  margin: 0 0 0 -45px;
  padding-left: 55px;
  line-height: 1.2em;
  width: 60%;
  vertical-align: middle;
}

.self-care--row .devices .device--info .name {
  font-size: 16px;
  font-size: 1.06667rem;
}

.self-care--row .devices .device--info .device-status .active {
  color: #2b8804;
}

.self-care--row .devices .device--info .device-status .to-be-activated {
  color: #0060af;
}

.self-care--row .devices .device--info .device-status .locked {
  color: #eabd1c;
}

.self-care--row .devices .device--info .device-status .blocked {
  color: #DE5B3D;
}

.self-care--row .device-details {
  position: relative;
  padding: 0 30px;
  overflow: hidden;
}

.self-care--row .device-details .hot-keys {
  padding: 10px 0;
  text-align: right;
}

.self-care--row .device-details .hot-keys .btn {
  margin-top: 0;
  margin-bottom: 0;
}

.self-care--row .device-details .hot-keys a {
  margin-left: 20px;
}

.self-care--row .device-details .hot-keys a span[class^="icon-"] {
  position: relative;
  display: inline-block;
  top: 2px;
  margin-right: 5px;
  font-size: 18px;
  font-size: 1.2rem;
}

.self-care--row .device-details h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: center;
}

.self-care--row .device-details--basic-data {
  margin: 0 -30px 15px;
}

.self-care--row .device-details--basic-data .data {
  padding: 15px 30px;
  border-bottom: 1px solid #dedede;
}

.self-care--row .device-details--basic-data .data-name {
  font-size: 14px;
  font-size: .93333rem;
  color: #404040;
  line-height: 1;
}

.self-care--row .device-details--basic-data .data-value {
  font-size: 16px;
  font-size: 1.06667rem;
}

.self-care .selfcare-accordion {
  margin: 0 10px;
  padding: 10px 0;
}

@media only screen and (min-width: 768px) {
  .self-care .selfcare-accordion {
    margin: 0 45px;
    padding: 45px 0;
  }
}

.self-care .selfcare-accordion .panel {
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.self-care .selfcare-accordion .expandable .expandable-title {
  font-size: 18px;
  font-size: 1.2rem;
  padding: 17px 45px 17px 15px;
}

.self-care .selfcare-accordion .expandable .segment {
  padding: 15px 0;
  border-top: 1px solid #cccccc;
}

@media only screen and (min-width: 768px) {
  .self-care .selfcare-accordion .expandable .segment {
    padding: 30px 15px;
  }

  .self-care .selfcare-accordion .expandable .segment .row-title,
  .self-care .selfcare-accordion .expandable .segment label.row-title {
    text-align: initial;
  }
}

.self-care .selfcare-accordion .expandable .segment .description {
  margin-top: -10px;
  margin-bottom: 30px;
  color: #404040;
}

.self-care .selfcare-accordion .expandable .segment .row-title {
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
}

.self-care .selfcare-accordion .expandable .segment .row-title.initial {
  text-align: initial;
}

.self-care .selfcare-accordion .expandable .segment label.row-title {
  font-weight: 300;
}

.self-care .selfcare-accordion .expandable .segment .currency {
  font-size: 18px;
  font-size: 1.2rem;
  color: #404040;
}

.selfcare__panel {
  margin-bottom: 18px;
  padding-right: 12px;
}

.selfcare__panel:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 768px) {
  .selfcare__panel {
    margin-bottom: 60px;
  }
}

.selfcare__panel-header {
  padding-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .selfcare__panel-header {
    min-height: 80px;
  }
}

.panel.selfcare {
  padding-top: 0;
}

.selfcare__modSpacer {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.05);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.05);
  padding: 32px 8px;
}

.selfcare__modSpacer:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 768px) {
  .selfcare__modSpacer {
    padding: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .selfcare__modSpacer {
    padding: 40px 47px 40px;
  }
}

.selfcare__modSpacer>.fixCard {
  clear: both;
  margin-top: 40px;
}

.selfcare__modSpacer>.fixCard+div {
  margin-top: 40px;
}

.selfcare__modSpacer.includeResetButton {
  padding-bottom: 0;
}

.selfcare__modSpacer .panel {
  padding-top: 5px;
}

.selfcare__modSpacer .panel.data-panel {
  padding-bottom: 0px;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.selfcare__modSpacer .panel.data-panel .data-panel__term {
  padding: 16px 5px;
}

.selfcare__modSpacer .panel.data-panel.custom-checkbox {
  padding: 12px 8px;
  margin-bottom: 12px;
}

.selfcare__modSpacer .panel.data-panel.custom-checkbox span:before {
  top: 8px;
  right: 8px;
}

.selfcare__modSpacer .panel.data-panel.custom-checkbox span:after {
  top: 8px;
  right: 30px;
}

.selfcare__modSpacer .panel.selfcare__data-panel {
  padding-bottom: 16px;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.selfcare__modSpacer .panel.selfcare__data-panel.overallPositionForm__inputContainer {
  background-color: #fff;
  border: none;
}

.selfcare__modSpacer .alert__info--transparent {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.selfcare__headSpacer {
  padding: 8px;
  background-color: #fafafa;
  border-bottom: 0px;
}

.selfcare__headSpacer:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 768px) {
  .selfcare__headSpacer {
    padding: 12px 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .selfcare__headSpacer {
    padding: 22px 30px;
  }
}

.selfcare__headSpacer .avatar-img-holder__wrapper .avatar-img-holder {
  margin-right: 24px;
}

.selfcare__headSpacer .avatar-img-holder__wrapper .menu-text {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 700;
  line-height: 1.5;
  color: #262626;
}

.selfcare__headSpacer .avatar-img-holder__wrapper .menu-text .fakeLink {
  display: block;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 10px;
  font-size: .66667rem;
  font-weight: 700;
  color: #4d4d4d;
}

.selfcare__headSpacer .selfcare__headSpacerSelect {
  float: right;
  min-width: 180px;
}

.selfcare__headSpacer .selfcare__headSpacerBtn {
  float: right;
  min-width: 180px;
}

.selfcare__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: #262626;
  margin: 0 0 8px;
}

.selfcare__title-label,
.form-group label.selfcare__title-label {
  margin-bottom: 8px;
  text-align: left;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #4d4d4d;
}

.margin-bottom_40 {
  margin-bottom: 40px;
}

.selfcare__description {
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.2;
  color: #4d4d4d;
  margin: 0;
  font-weight: 300;
}

.selfcare__description--small {
  font-size: 12px;
  font-size: .8rem;
  font-weight: 400;
}

.panel__image,
.selfcare__panel-body {
  vertical-align: top;
  display: block;
  padding-bottom: 22px;
}

@media only screen and (min-width: 768px) {
  .panel__image,
  .selfcare__panel-body {
    padding-bottom: 32px;
  }
}

.panel__image {
  max-width: 54px;
}

@media only screen and (min-width: 768px) {
  .panel__image {
    max-width: 56px;
  }
}

@media only screen and (min-width: 1024px) {
  .panel__image {
    max-width: 64px;
  }
}

.panel__image.iconSetting {
  max-width: 48px;
}

@media only screen and (min-width: 768px) {
  .panel__image.iconSetting {
    max-width: 52px;
  }
}

@media only screen and (min-width: 1024px) {
  .panel__image.iconSetting {
    max-width: 56px;
  }
}

.selfcare__panel-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.selfcare__panel-links a,
.selfcare__panel-links .fakeLinkButton {
  font-size: 10px;
  font-size: .66667rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #F36F20;
}

.selfcare__icon {
  display: block;
  height: 60px;
  margin: 0 auto 15px;
}

.self-care__accordion .panel-accordion {
  padding-top: 0;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.self-care__accordion .panel-accordion .collapse-btn {
  display: block;
  position: relative;
  color: #262626;
  background-color: #fafafa;
  border-bottom: solid 1px #e6e6e6;
}

.self-care__accordion .panel-accordion .collapse-btn:after {
  display: none;
  position: absolute;
  content: "\e61b";
  top: 50%;
  right: 0;
  line-height: 40px;
  margin-top: -20px;
  width: 50px;
  font-family: "icomoon";
  font-size: 12px;
  font-size: .8rem;
  text-align: center;
  color: gray;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 768px) {
  .self-care__accordion .panel-accordion .collapse-btn:after {
    width: 70px;
  }
}

.self-care__accordion .panel-accordion .collapse-btn #personalDataSaveChanges {
  opacity: 1;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  visibility: visible;
}

.self-care__accordion .panel-accordion .collapse-btn.collapsed {
  background-color: #fff;
  border: none;
}

.self-care__accordion .panel-accordion .collapse-btn.collapsed #personalDataSaveChanges {
  opacity: 0;
  visibility: hidden;
}

.self-care__accordion .panel-accordion .collapse-btn.collapsed:after {
  display: block;
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.self-care__accordion .panel-accordion .collapse-btn.collapsed .btnSave {
  display: none;
}

.self-care__accordion .panel-accordion .collapse-btn.collapsed:after {
  opacity: 1;
}

.self-care__accordion .panel-accordion .collapse-btn.collapsed .selfcare__headSpacer {
  background-color: #fff;
  border: none;
}

.self-care__accordion .panel-accordion .collapse-btn.noCollapse:after {
  display: none;
}

.self-care__accordion .panel-accordion+.panel-accordion {
  margin-top: 16px;
}

.self-care__accordion .panel-accordion+.panel-accordion+.panel-accordion {
  margin-top: 16px;
}

.panel-group .panel {
  border-radius: 1px;
}

.panel-group .panel-title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
}

.selfcare__data-panel,
.panel-group .selfcare__data-panel {
  margin-bottom: 40px;
}

.data-panel--transaction-limits {
  border: none;
  padding: 10px;
  margin-left: -15px;
  margin-right: -15px;
  background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) {
  .data-panel--transaction-limits {
    padding: 30px;
  }
}

.data-panel--transaction-limits .title {
  border-bottom: none;
}

#collapseTransactionLimits .data-panel--transaction-limits {
  margin-left: 0;
  margin-right: 0;
}

.self-care__intro {
  margin: 10px 0;
}

@media only screen and (min-width: 768px) {
  .self-care__intro {
    margin: 15px 0 5px;
  }
}

.self-care__header {
  margin: 10px 0;
}

.self-care__header--border-bottom {
  border-bottom: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .self-care__header {
    padding: 20px 0;
    margin: 20px 0;
  }
}

.self-care__group {
  padding-bottom: 30px;
}

.self-care__group--border-bottom {
  border-bottom: 1px solid #e6e6e6;
}

.self-care__scroll-wrapper {
  position: relative;
  height: 300px;
}

@media only screen and (min-width: 768px) {
  .self-care__scroll-wrapper {
    height: 500px;
  }
}

.transaction-limits__title {
  font-size: 20px;
  font-size: 1.33333rem;
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc;
}

.transaction-limits__title span[class^="icon"] {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #7f8080;
}

.line-chart__horizontal {
  position: relative;
  padding: 40px 0 10px;
}

@media only screen and (min-width: 768px) {
  .line-chart__horizontal {
    padding: 40px 0 10px !important;
  }
}

.line-chart__horizontal .chartmark {
  position: absolute;
  top: 0;
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.1;
}

.line-chart__horizontal .chartmark div[class^="icon-"] {
  font-size: 18px;
  font-size: 1.2rem;
  margin-bottom: 5px;
}

.line-chart__horizontal .chartmark .chartmark-label {
  font-weight: 700;
  text-transform: uppercase;
}

.line-chart__horizontal .chartmark .date {
  font-size: 11px;
  font-size: .73333rem;
  color: #808080;
}

.line-chart__horizontal .chartmark.start-mark {
  left: 0;
}

.line-chart__horizontal .chartmark.end-mark {
  right: 0;
  text-align: right;
}

.line-chart__horizontal .transaction-limit {
  background-color: #e1e1e0;
}

.line-chart__horizontal .used-limit {
  background-color: #eabd1c;
}

.line-chart__horizontal .data-legend-row {
  position: relative;
  padding-left: 20px;
}

.line-chart__horizontal .data-legend {
  position: relative;
  padding: 10px;
  margin-top: -1px;
  font-size: 14px;
  font-size: .93333rem;
  border: 1px solid #000;
  background-color: #fff;
}

.line-chart__horizontal .data-legend .date {
  color: #404040;
}

.line-chart__horizontal .data-legend .row {
  margin: 0;
}

.line-chart__horizontal .data-legend .row div[class^="col-"] {
  padding: 0;
}

.line-chart__horizontal .data-legend .row.underline {
  padding: 10px 0;
  border-bottom: 1px solid #d9d9d9;
}

.line-chart__horizontal .data-legend .row .amount-text {
  font-size: inherit;
}

.line-chart__horizontal .data-legend .row+.row {
  padding-top: 10px;
}

.line-chart__horizontal .data-legend__col-title,
.line-chart__horizontal .data-legend__col-amount,
.line-chart__horizontal .data-legend__col-currency {
  display: inline-block;
  vertical-align: middle;
}

.line-chart__horizontal .data-legend__col-title {
  width: 50%;
}

.line-chart__horizontal .data-legend__col-amount {
  width: 40%;
  text-align: right;
}

.line-chart__horizontal .data-legend__col-amount .amount-text {
  padding: 0 12px;
}

.line-chart__horizontal .data-legend__col-currency {
  width: 10%;
  text-align: right;
}

.line-chart__horizontal .bar-holder {
  height: 50px;
  border: 1px solid #cacac9;
}

.line-chart__horizontal .bar-holder .bar {
  position: relative;
  float: left;
  height: 50px;
  width: 0;
  margin-top: -1px;
  margin-left: -1px;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.line-chart__horizontal .bar-holder .current-mark {
  position: absolute;
  width: 1px;
  height: 110%;
  top: -10%;
  right: -0.5px;
  background-color: #9a9a9a;
}

.line-chart__horizontal .bar-holder .current-mark__label {
  position: relative;
  display: table-cell;
  top: -20px;
  margin-left: -50%;
  font-style: italic;
  font-size: 12px;
  font-size: .8rem;
  color: #4f4f4f;
  text-transform: lowercase;
}

.line-chart__horizontal .bar-holder .current-mark:before,
.line-chart__horizontal .bar-holder .current-mark:after {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  z-index: 10;
}

.line-chart__horizontal .bar-holder .current-mark:before {
  bottom: 0;
  border-bottom: 12px solid #000;
}

.line-chart__horizontal .bar-holder .current-mark:after {
  bottom: -1.5px;
  border-bottom: 12px solid #fff;
}

.line-chart__horizontal.no-current-spendings .bar-holder .current-mark {
  display: none;
}

.fast-balance-threshold-visual {
  margin-top: 30px;
  margin-bottom: 30px;
}

.fast-balance-threshold-visual__segment {
  display: inline-block;
  min-width: 120px;
  margin-bottom: 16px;
  padding: 5px 10px;
  font-size: 12px;
  font-size: .8rem;
  color: #fff;
  font-weight: 700;
  background-color: #e6e6e6;
  border-radius: 20px;
}

.critical-threshold {
  background-color: #DE5B3D;
}

.look-out-threshold {
  background-color: #0060af;
}

.good-threshold {
  background-color: #2b8804;
}

.personal-info__image {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-right: 45px;
  vertical-align: middle;
}

.personal-info__image .upload-img-container img {
  display: block;
}

.personal-info__title {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 15px 0;
}

.photo-control-col {
  text-align: center;
}

.photo-control-col+.photo-control-col {
  border-left: 1px solid #e1e1e1;
}

.selfcare__row {
  margin-left: -20px;
  margin-right: -20px;
}

.selfcare__col {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .selfcare__col {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .selfcare__col {
    width: 50%;
  }
}

@media only screen and (min-width: 1280px) {
  .selfcare__col {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .selfcare__col.nickname {
    margin-bottom: 16px;
  }
}

.selfcare__hr {
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
}

.selfcare__button-wrapper {
  margin: 32px 0;
}

.selfcare__introductionTitle {
  font-size: 16px;
  font-size: 1.06667rem;
}

.selfcare__introductionText {
  margin-bottom: 40px;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 300;
  color: gray;
}

.selfcare__introductionText.marginBottom15 {
  margin-bottom: 15px;
}

.selfcare__fieldset {
  display: inline-block;
}

.selfcare__radioLegend {
  margin-bottom: 9px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  color: #4d4d4d;
  border: none;
}

.selfcare__custom-radio-group li {
  padding: 9px 10px;
}

.selfcare__custom-radio-group li+li {
  border-top: 1px solid #e6e6e6;
}

.document-txt h3 {
  font-size: 18px;
  font-size: 1.2rem;
}

.document-txt h4 {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #262626;
}

.document-txt span,
.document-txt p {
  font-size: 14px;
  font-size: .93333rem;
  color: gray;
}

.panel-fullLink {
  display: block;
  padding: 22px 30px;
}

.panel-fullLink * {
  color: #262626;
}

.panel-fullLink:hover {
  background-color: #f5f5f5;
}

.tooltip.right .tooltip-arrow {
  left: 5px;
}

.tooltipValidate-wrapper {
  margin-left: -50px !important;
}

.tooltipValidate .tooltipValidate__bar {
  height: 4px;
  border-radius: 10px;
  margin-bottom: 10px;
  background-color: #e6e6e6;
}

.tooltipValidate .tooltipValidate__bar .tooltipValidate__progress {
  border-radius: 10px;
  height: 4px;
}

.tooltipValidate .tooltipValidate__bar .tooltipValidate__progress.valid {
  background-color: #6bbc5e;
}

.tooltipValidate .tooltipValidate__bar .tooltipValidate__progress.invalid {
  background-color: #de5b3d;
}

.tooltipValidate .tooltipValidate__list {
  text-align: left;
  list-style-type: none;
  padding-left: 0px;
  font-size: 9px;
  font-size: .6rem;
}

.tooltipValidate .tooltipValidate__list li {
  position: relative;
  padding-left: 16px;
}

.tooltipValidate .tooltipValidate__list li.sep {
  margin-top: 20px;
}

.tooltipValidate .tooltipValidate__list li.valid:before {
  border: solid 0.3px #6bbc5e;
  background-color: #6bbc5e;
}

.tooltipValidate .tooltipValidate__list li.invalid:before {
  border: solid 0.3px #de5b3d;
  background-color: #de5b3d;
}

.tooltipValidate .tooltipValidate__list li:before {
  content: '';
  display: inline-block;
  border-radius: 50%;
  border: solid 0.3px #e6e6e6;
  height: 6px;
  width: 6px;
  position: absolute;
  left: 3px;
  top: 5px;
  background-color: transparent;
}

.download-wrapper-doc {
  position: absolute;
  right: 12px;
  bottom: 12px;
}

.rds__archiveWrapper {
  padding: 0;
  font-size: 12px;
  font-size: .8rem;
}

.rds__archiveWrapper.withLoader {
  min-height: 250px;
}

.rds__archiveHeader {
  display: none;
}

@media only screen and (min-width: 768px) {
  .rds__archiveHeader {
    display: block;
    padding: 20px 24px;
    text-transform: uppercase;
    font-size: 11px;
    font-size: .73333rem;
    color: gray;
    border-bottom: 1px solid #e6e6e6;
  }
}

.rds__archiveRow {
  padding: 20px 24px;
  font-size: 14px;
  border-bottom: 1px solid #e6e6e6;
}

.rds__archiveRow:last-child {
  border-bottom: none;
}

.rds__archiveCol-cNumber {
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .rds__archiveCol-cNumber {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    margin-bottom: 0;
  }
}

.rds__archiveCol-status {
  display: inline-block;
  width: 40%;
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .rds__archiveCol-status {
    width: 25%;
    vertical-align: middle;
  }
}

.rds__archiveCol-date {
  display: inline-block;
  width: 60%;
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .rds__archiveCol-date {
    width: 45%;
    vertical-align: middle;
    text-align: left;
  }
}

.rds__archiveCol-date .rds__date--inRow {
  color: gray;
}

.rds__archiveStatus {
  display: inline-block;
  min-width: 80px;
  padding: 3.5px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 500;
  text-align: center;
  color: #262626;
}

.rds__archiveStatus.active {
  color: #fff;
  background-color: #2b8804;
}

.rds__archiveStatus.revoked,
.rds__archiveStatus.expired {
  background-color: #e6e6e6;
}

.rds__archivePagination {
  margin: 24px 0;
}

.rds__archivePagination>li>a {
  background-color: transparent;
  border: none;
  color: gray;
  padding: 0 7px;
}

.rds__archivePagination>li>a:hover,
.rds__archivePagination>li>a:focus {
  background-color: transparent;
  color: #F36F20;
}

.rds__archivePagination>.active>a {
  background-color: transparent;
  border: none;
  font-weight: 700;
  color: #4d4d4d;
}

.rds__archivePagination>.active>a:hover,
.rds__archivePagination>.active>a:focus {
  background-color: transparent;
  color: #F36F20;
}

.rds__archivePaginationWrapper {
  text-align: center;
}

.rds__scroll-wrapper {
  position: relative;
  height: 280px;
  overflow-y: scroll;
  text-align: left;
  padding: 15px;
}

.rds__scroll-wrapper h3,
.rds__scroll-wrapper h4 {
  font-size: 14px;
  font-size: .93333rem;
  margin-top: 0;
  margin-bottom: 15px;
}

.rds__scroll-wrapper p {
  font-size: 12px;
  font-size: .8rem;
}

.pagination>li {
  display: inline-block;
  vertical-align: middle;
}

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

.paginationDirectionBtn>a:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: 50%;
  padding: 0;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border-radius: 12px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.paginationDirectionBtn>a:after {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border: 1px solid gray;
  border-width: 0 0 1.5px 1.5px;
}

.paginationDirectionBtn>a>span {
  display: none;
}

.paginationDirectionBtn.paginationPrevBtn>a {
  padding-left: 30px;
}

.paginationDirectionBtn.paginationPrevBtn>a:before {
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: 20px;
}

.paginationDirectionBtn.paginationPrevBtn>a:after {
  left: 12px;
  margin-left: -2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.paginationDirectionBtn.paginationNextBtn>a {
  padding-right: 30px;
}

.paginationDirectionBtn.paginationNextBtn>a:before {
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 20px;
}

.paginationDirectionBtn.paginationNextBtn>a:after {
  right: 12px;
  margin-right: -2px;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.PanelGroupStyle .panel-default>.panel-heading {
  border: 0;
  background-color: #fafafa;
  border-bottom: 0px;
  padding: 0;
}

.PanelGroupStyle .panel-title>a {
  display: block;
  font-size: 20px;
  font-size: 1.33333rem;
  padding: 8px;
  font-weight: 300;
  position: relative;
  line-height: 20px;
}

@media only screen and (min-width: 768px) {
  .PanelGroupStyle .panel-title>a {
    padding: 12px 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .PanelGroupStyle .panel-title>a {
    padding: 24px;
  }
}

.PanelGroupStyle .panel-title>a:after {
  position: absolute;
  content: "\e61b";
  top: 50%;
  right: 0;
  line-height: 40px;
  margin-top: -20px;
  width: 50px;
  font-family: "icomoon";
  font-size: 12px;
  font-size: .8rem;
  text-align: center;
  color: gray;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .PanelGroupStyle .panel-title>a:after {
    width: 70px;
  }
}

.PanelGroupStyle .panel-title>a.collapsed:after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  opacity: 1;
}

.PanelGroupStyle .panel-default>.panel-heading+.panel-collapse>.panel-body {
  padding: 32px 8px;
}

@media only screen and (min-width: 768px) {
  .PanelGroupStyle .panel-default>.panel-heading+.panel-collapse>.panel-body {
    padding: 40px 48px;
  }
}

.settings__introductionText {
  margin-bottom: 25px;
  padding-bottom: 25px;
  font-size: 14px;
  font-size: .93333rem;
  color: #262626;
  border-bottom: 1px solid #e6e6e6;
}

.settings__dataDl .addPadding {
  padding-top: 10px;
  padding-bottom: 10px;
}

.settings__dataDl+.settings__dataDl {
  border-top: 1px solid #e6e6e6;
}

.settings__dataDt {
  font-size: 12px;
  font-size: .8rem;
}

.settings__dataDd {
  text-align: right;
  font-size: 14px;
  font-size: .93333rem;
}

.gdprConsentBtn.btn-accepted {
  background-color: #24860d;
  color: #fff;
}

.gdprConsentBtn.btn-accepted span {
  color: #fff;
}

.gdprConsentBtn.btn-declined {
  background-color: #DE5B3D;
  color: #fff;
}

.gdprConsentBtn.btn-declined span {
  color: #fff;
}

.footer-commercial-wrapper {
  margin: 10px auto 0;
}

.footer-commercial-wrapper img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .footer-commercial-wrapper {
    max-width: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .widget__commercial-content {
    max-width: 400px;
    margin: 0 auto;
  }
}

.widget__commercial-content img {
  width: 100%;
}

.overall-info-message {
  position: relative;
  margin-top: 16px;
  margin-bottom: 24px;
}

.overall-info-message .info-message:after,
.overall-info-message .info-message:before {
  position: absolute;
  content: "";
  top: -12px;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #515151 transparent;
}

.overall-info-message .info-message:after {
  top: -11px;
  border-color: transparent transparent #fff transparent;
}

.info-message {
  background-color: #fff;
  border: 1px solid #515151;
  -webkit-box-shadow: 3px 3px 0 #bfbfbf;
  box-shadow: 3px 3px 0 #bfbfbf;
}

.info-message .message {
  padding: 15px;
}

.info-message .message-wrapper {
  text-align: center;
}

.info-message .message-wrapper .message-img {
  display: inline-block;
  margin: 0 auto;
}

.info-message .message-wrapper .message-content {
  font-weight: 300;
  font-size: 15px;
  font-size: 1rem;
}

.info-message .buttons {
  border-top: 1px solid #515151;
  font-size: 0px;
  font-size: 0rem;
}

.info-message .buttons .message-button-holder {
  display: inline-block;
  width: 50%;
  text-align: center;
}

.info-message .buttons .message-button-holder:first-child {
  border-right: 1px solid #515151;
}

.info-message .buttons .message-button-holder>* {
  font-size: 13px;
  font-size: .86667rem;
  display: inline-block;
  vertical-align: middle;
}

.info-message .buttons .message-button-holder a {
  color: #4d4d4d;
  padding: 15px 0;
  width: 100%;
}

.info-message .buttons .message-button-holder a.more {
  font-weight: 700;
}

.accounts-overview-commercial {
  min-height: 300px;
  text-align: center;
  background-color: #f5f5f5;
  background-image: url(../graphics//commercial-assets/jpg/1280/mastro_1280_B_alex_3a.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (min-width: 768px) {
  .accounts-overview-commercial {
    min-height: 336px;
    margin-bottom: 20px;
  }
}

.accounts-overview-widget-commercial a,
.accounts-overview-widget-commercial a:link {
  text-decoration: none;
  color: #4f4f4f;
}

.accounts-overview-widget-commercial a:hover,
.accounts-overview-widget-commercial a:focus {
  text-decoration: none;
  color: #F36F20;
}

.accounts-overview-widget-commercial__info-message {
  background-color: #fff;
  border: 1px solid #515151;
  -webkit-box-shadow: 3px 3px 0 #ccc;
  box-shadow: 3px 3px 0 #ccc;
}

.accounts-overview-widget-commercial__message-content {
  padding: 15px;
}

@media only screen and (min-width: 768px) {
  .accounts-overview-widget-commercial__message-content {
    height: 284px;
  }
}

@media only screen and (min-width: 1024px) {
  .accounts-overview-widget-commercial__message-content {
    height: 357px;
  }
}

.accounts-overview-widget-commercial__message-wrapper {
  text-align: center;
}

.accounts-overview-widget-commercial__message-img {
  display: inline-block;
  margin: 0 auto;
}

.accounts-overview-widget-commercial__message-text {
  padding-top: 15px;
  font-weight: 300;
  font-size: 15px;
  font-size: 1rem;
}

@media only screen and (min-width: 768px) {
  .accounts-overview-widget-commercial__message-text {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.accounts-overview-widget-commercial__buttons {
  border-top: 1px solid #515151;
  font-size: 0px;
  font-size: 0rem;
}

.accounts-overview-widget-commercial__message-button-holder {
  display: inline-block;
  width: 50%;
  text-align: center;
}

.accounts-overview-widget-commercial__message-button-holder:first-child {
  border-right: 1px solid #515151;
}

.accounts-overview-widget-commercial__message-button-holder>* {
  font-size: 13px;
  font-size: .86667rem;
  display: inline-block;
  vertical-align: middle;
}

.accounts-overview-widget-commercial__message-button-holder a {
  padding: 15px 0;
  width: 100%;
}

.accounts-overview-widget-commercial__message-button-holder a.more {
  font-weight: 700;
}

.overall-contextual-commercial {
  position: relative;
  margin-top: 20px;
}

.overall-contextual-commercial a,
.overall-contextual-commercial a:link {
  text-decoration: none;
  color: #4f4f4f;
}

.overall-contextual-commercial a:hover,
.overall-contextual-commercial a:focus {
  text-decoration: none;
  color: #F36F20;
}

.overall-contextual-commercial__info-message:after,
.overall-contextual-commercial__info-message:before {
  position: absolute;
  content: "";
  top: -12px;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #515151 transparent;
}

.overall-contextual-commercial__info-message:after {
  top: -11px;
  border-color: transparent transparent #fff transparent;
}

.overall-contextual-commercial__info-message {
  background-color: #fff;
  border: 1px solid #515151;
  -webkit-box-shadow: 3px 3px 0 #bfbfbf;
  box-shadow: 3px 3px 0 #bfbfbf;
}

.overall-contextual-commercial__message-content {
  padding: 15px;
}

.overall-contextual-commercial__message-wrapper {
  text-align: center;
}

.overall-contextual-commercial__message-img {
  display: inline-block;
  margin: 0 auto;
}

.overall-contextual-commercial__message-text {
  padding-top: 15px;
  font-weight: 300;
  font-size: 15px;
  font-size: 1rem;
}

.overall-contextual-commercial__buttons {
  border-top: 1px solid #515151;
  font-size: 0px;
  font-size: 0rem;
}

.overall-contextual-commercial__message-button-holder {
  display: inline-block;
  width: 50%;
  text-align: center;
}

.overall-contextual-commercial__message-button-holder:first-child {
  border-right: 1px solid #515151;
}

.overall-contextual-commercial__message-button-holder>* {
  font-size: 13px;
  font-size: .86667rem;
  display: inline-block;
  vertical-align: middle;
}

.overall-contextual-commercial__message-button-holder a {
  padding: 15px 0;
  width: 100%;
}

.overall-contextual-commercial__message-button-holder a.more {
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .overall-contextual-commercial {
    z-index: 20;
    width: 100%;
  }

  .overall-contextual-commercial__info-message {
    display: table;
    width: 100%;
  }

  .overall-contextual-commercial__message-content,
  .overall-contextual-commercial__buttons {
    display: table-cell;
    vertical-align: middle;
  }

  .overall-contextual-commercial__message-content {
    padding: 30px;
  }

  .overall-contextual-commercial__message-wrapper {
    text-align: left;
  }

  .overall-contextual-commercial__message-img,
  .overall-contextual-commercial__message-text {
    display: table-cell;
    vertical-align: middle;
  }

  .overall-contextual-commercial__message-img {
    width: 150px;
  }

  .overall-contextual-commercial__message-text {
    padding: 0;
    font-size: 15px;
    font-size: 1rem;
  }

  .overall-contextual-commercial__buttons {
    width: 160px;
    border-top: none;
    border-left: 1px solid #515151;
  }

  .overall-contextual-commercial__message-button-holder {
    height: 50%;
    width: 100%;
  }

  .overall-contextual-commercial__message-button-holder:before {
    content: "";
    display: inline-block;
    padding-top: 50%;
    vertical-align: middle;
  }

  .overall-contextual-commercial__message-button-holder:first-child {
    border-right: none;
    border-bottom: 1px solid #515151;
  }

  .overall-contextual-commercial__message-button-holder a {
    padding: 0;
    width: auto;
  }

  .overall-contextual-commercial__message-img,
  .overall-contextual-commercial__message-text {
    display: inline-block;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 768px) {
  .overall-contextual-commercial__message-text {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.sirius-messaging-modal__modal-header__modal-title {
  font-size: 13px;
  font-size: .86667rem;
  text-align: center;
  border: none;
}

.modal-contextual-message {
  color: #4f4f4f;
}

.modal-contextual-message .modal-dialog {
  max-width: 320px;
}

.modal-contextual-message .modal-content {
  background-color: #e3e3e3;
  text-align: center;
}

.modal-contextual-message .modal-content-top {
  padding-top: 25px;
  background-color: #fff;
}

.modal-contextual-message .modal-content-image {
  padding: 15px 0 20px;
}

.modal-contextual-message .modal-content--title {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 15px;
}

.modal-contextual-message .modal-content--subtitle {
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 700;
  text-transform: uppercase;
}

.modal-contextual-message .row .col-content {
  font-size: 13px;
  font-size: .86667rem;
  text-transform: uppercase;
}

.modal-contextual-message .col-content--title {
  font-weight: 700;
}

.modal-contextual-message .col-content--content {
  font-weight: 300;
  color: #404040;
  line-height: 1.2;
}

.modal-contextual-message .modal-content-bottom {
  padding: 15px;
}

.modal-contextual-message .modal-content-bottom .question {
  margin: 5px 0;
  font-weight: 300;
  font-size: 24px;
  font-size: 1.6rem;
}

.modal-contextual-message .modal-content-bottom .italic-tip {
  margin: 10px 0;
}

.modal-contextual-message .border-right:after {
  position: absolute;
  content: "";
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #ccc;
  right: -0.5px;
}

.font-size-0 {
  font-size: 0px;
  font-size: 0rem;
}

.modal-contextual-message .btn-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  padding: 10px;
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 1;
}

.modal-contextual-message .info-button-holder {
  display: inline-block;
  text-align: right;
}

.modal-contextual-message .info-button-holder .btn-icon {
  width: auto;
  padding: 0;
  font-size: 18px;
  font-size: 1.2rem;
  background-color: transparent;
}

.commercialContent__wrapper_infoCard .InfoCard {
  margin-top: -35px;
}

.form-control {
  height: 40px;
  border-radius: 0;
  border: 1px solid #9a9a9a;
  font-size: 14px;
  font-size: .93333rem;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15),inset;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15),inset;
}

.form-control::-webkit-input-placeholder {
  font-weight: 300;
  color: gray;
}

.form-control:-moz-placeholder {
  font-weight: 300;
  color: gray;
}

.form-control::-moz-placeholder {
  font-weight: 300;
  color: gray;
}

.form-control:-ms-input-placeholder {
  font-weight: 300;
  color: gray;
}

.form-control::-ms-clear,
.form-control::-ms-reveal {
  display: none;
}

input.large,
select.large {
  height: 48px;
  border-radius: 0px !important;
  background-color: #f9f9f9;
  font-size: 16px;
  font-size: 1.06667rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select.large {
  -webkit-appearance: none;
  padding-right: 50px;
  background: url(../graphics//select-menu-arrow.png) no-repeat right center;
}

input.calculating {
  color: transparent !important;
}

.input-amount {
  text-align: right;
}

input.large {
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3),inset;
  box-shadow: 0 1px 1px rgba(0,0,0,0.3),inset;
}

input.large.search {
  height: 40px;
  padding: 0 30px 0 45px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
}

input.large.search::-webkit-input-placeholder {
  color: gray;
}

input.large.search:-moz-placeholder {
  color: gray;
}

input.large.search::-moz-placeholder {
  color: gray;
}

input.large.search:-ms-input-placeholder {
  color: gray;
}

.search-input-wrapper {
  position: relative;
}

.search-input-wrapper.add-search-icon input {
  padding-left: 35px;
  background-color: #fff;
}

.search-input-wrapper.add-search-icon:before {
  content: "\e60f";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 12px;
  font-family: "icomoon";
  font-size: 16px;
  font-size: 1.06667rem;
}

.search-input-wrapper .inputMaterial__input {
  padding: 0px;
  font-style: normal;
}

.search-input-wrapper .icon-search {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -11px 15px 0;
  pointer-events: none;
  color: #F36F20;
  font-size: 20px;
  font-size: 1.33333rem;
}

.search-input-wrapper .icon-search--static {
  position: static;
  margin: 0;
}

.search-input-wrapper .clearSearchField {
  display: none;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -7px;
  padding: 0;
}

.search-input-wrapper .clearSearchField.visible {
  display: block;
}

.search-input-wrapper #spinner {
  width: 20px;
  height: 20px;
  background: url("graphics/sprites.png");
}

.search-input-wrapper .button-search-transaction {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  line-height: 38px;
  font-size: 20px;
  font-size: 1.33333rem;
  text-align: center;
  padding: 0;
  border: none;
  background-color: #f5f5f5;
}

.search-input-wrapper .button-search-transaction span {
  top: 0 !important;
  margin-right: 0 !important;
}

.search-input-wrapper .button-search-transaction.btn {
  height: 40px;
}

input.large:focus,
select.large:focus {
  border-radius: 0px !important;
  background-color: #fff;
}

.btn-checkbox {
  display: inline-block;
  width: 27px;
  height: 27px;
  border: none;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2),inset;
  box-shadow: 1px 2px 2px rgba(0,0,0,0.2),inset;
}

.btn-checkbox span[class^="icon-"] {
  display: none;
  font-size: 18px;
  font-size: 1.2rem;
  color: #F36F20;
}

.btn-checkbox.selected span[class^="icon-"] {
  display: inherit;
}

.radio-group input[type=radio] {
  display: none;
}

.radio-group input[type=radio]:checked+label:before {
  content: "\e642";
  font-family: 'icomoon';
  color: #F36F20;
  font-size: 16px;
  font-size: 1.06667rem;
  text-align: center;
  line-height: 18px;
}

.radio-group label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 55px;
  padding-right: 0;
  font-weight: 400;
  margin: 0;
  line-height: 20px;
}

.radio-group label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 25px;
  position: absolute;
  left: 0;
  top: 0;
  border: #4d4d4d solid 1px;
  border-radius: 15px;
  background-color: #ededed;
}

.custom-select-container {
  position: relative;
}

select.custom.replaced {
  position: relative;
  width: 100%;
  height: 45px;
  border: 0;
  opacity: 0;
  line-height: 2;
  z-index: 10;
}

select.custom.replaced option {
  padding: 10px 0;
}

.custom-select {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.custom-select>span {
  display: inline-block;
  line-height: 43px;
  border: 1px solid #9b9b9b;
  color: #888;
  padding: 0 0 0 10px;
  position: relative;
  width: 100%;
  margin: 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.custom-select>span:after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 43px;
  content: "\e61b";
  font-family: 'icomoon';
  font-size: 8px;
  font-size: .53333rem;
  text-align: center;
  border-left: 1px solid #9b9b9b;
  background-color: #f5f5f5;
}

@media only screen and (max-width: 767px) {
  .dropdown-holder {
    padding: 12px 0 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .dropdown-holder {
    padding: 32px 10px 22px;
  }
}

.dropdown-holder .dropdown {
  position: relative;
  display: block;
  cursor: pointer;
  font-size: 18px;
  font-size: 1.2rem;
}

.dropdown-holder .dropdown .dropdown-selected {
  display: block;
  margin-right: 10px;
  font-weight: 300;
  line-height: 50px;
  text-align: center;
}

.dropdown-holder .dropdown span[class^="icon-"] {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  font-size: 8px;
  font-size: .53333rem;
  color: #fff;
}

.dropdown .dropdown-menu {
  font-size: 16px;
  font-size: 1.06667rem;
}

.dropdown .dropdown-menu li a:hover,
.dropdown .dropdown-menu li a.active {
  text-decoration: underline;
}

.dropdown .dropdown-menu li.group-title {
  font-size: 11px;
  font-size: .73333rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px 0 5px;
  margin: 0 15px;
  border-bottom: 1px solid #cccccc;
}

@media only screen and (max-width: 1024px) {
  .dropdown .dropdown-menu li.group-title {
    display: none;
  }
}

.dropdown .dropdown-menu .dropdown-text-mobile {
  display: block;
  font-weight: 700;
  padding: 10px 10px;
  margin: 0 5px 10px;
  border-bottom: 1px solid #E2E2E2;
}

.dropdown.quick-access {
  display: block;
  line-height: 50px;
  font-size: 18px;
  font-size: 1.2rem;
}

.dropdown.quick-access.open .custom-caret:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dropdown.quick-access>button {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  background-color: transparent;
  border: none;
  font-weight: 300;
  text-align: center;
}

.dropdown.quick-access .custom-caret {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.dropdown.quick-access .custom-caret:after {
  position: absolute;
  right: 0;
  width: 100%;
  content: "\e61b";
  font-family: 'icomoon';
  font-size: 8px;
  font-size: .53333rem;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.dropdown.quick-access .dropdown-menu {
  left: 0;
  right: 0;
  border-radius: 0;
}

.dropdown.quick-access .dropdown-menu li a {
  padding: 5px 25px;
  white-space: normal;
  word-break: break-all;
}

.dropdown.quick-access .dropdown-menu li a:hover,
.dropdown.quick-access .dropdown-menu li a:focus {
  color: #F36F20;
  font-weight: 700;
  background-color: #f5f5f5;
}

.dropdown.quick-access .dropdown-menu .dropdown-text-mobile {
  display: block;
  font-weight: 700;
  padding: 10px 10px;
  margin: 0 5px 10px;
  border-bottom: 1px solid #E2E2E2;
}

.dropdown.like-select {
  display: block;
  border: 1px solid #9a9a9a;
  font-size: 18px;
  font-size: 1.2rem;
}

.dropdown.like-select.open .custom-caret:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dropdown.like-select>button {
  width: 100%;
  padding: 0 15px;
  line-height: 47px;
  background-color: #fff;
  border: none;
  text-align: left;
}

.dropdown.like-select>button:hover,
.dropdown.like-select>button:focus {
  color: #000;
  background-color: fade(#fff, 60%);
}

.dropdown.like-select .custom-caret {
  position: absolute;
  right: 0;
  top: 0;
  width: 47px;
  height: 47px;
  border-left: 1px solid #9b9b9b;
  color: #000;
  background-color: #f5f5f5;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.dropdown.like-select .custom-caret:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 45px;
  content: "\e61b";
  font-family: 'icomoon';
  font-size: 7px;
  font-size: .46667rem;
  text-align: center;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.dropdown.like-select .dropdown-menu {
  left: 0;
  right: 0;
  border-radius: 0;
}

.dropdown.like-select .dropdown-menu li a {
  padding: 5px 25px;
}

.dropdown.like-select .dropdown-menu li a:hover,
.dropdown.like-select .dropdown-menu li a:focus {
  color: #F36F20;
  font-weight: 700;
  background-color: #f5f5f5;
}

.dropdown.like-select .dropdown-menu .dropdown-text-mobile {
  display: block;
  font-weight: 700;
  padding: 10px 10px;
  margin: 0 5px 10px;
  border-bottom: 1px solid #E2E2E2;
}

.dropdown.currency {
  position: relative;
  display: inline-block;
}

.dropdown.currency>button {
  width: 100%;
  padding: 0 10px 0 8px;
  background-color: #fff;
  border: none;
  text-align: left;
}

.dropdown.currency>button .selected {
  background-color: transparent;
}

.dropdown.currency>button:hover,
.dropdown.currency>button:focus {
  color: #000;
  background-color: fade(#fff, 60%);
}

.dropdown.currency .custom-caret {
  position: relative;
  display: inline-block;
  color: #000;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.dropdown.currency .custom-caret:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: -3px;
  padding-left: 5px;
  content: "\e61b";
  font-family: 'icomoon';
  font-size: 7px;
  font-size: .46667rem;
  text-align: center;
}

.dropdown.currency .dropdown-menu {
  left: 0;
  right: 0;
  border-radius: 0;
  min-width: 0;
  font-size: 34px;
  font-size: 2.26667rem;
  text-align: center;
  border: none;
}

.dropdown.currency .dropdown-menu li a {
  font-weight: 300;
  font-size: 18px;
  font-size: 1.2rem;
}

.dropdown.language {
  display: inline-block;
}

.dropdown.language .dropdown-toggle {
  position: relative;
  padding: 3.5px 10px;
  border: solid 1px #fff;
  border-radius: 20px;
  color: #fff;
  background-color: rgba(9,9,9,0.1);
}

@media only screen and (min-width: 768px) {
  .dropdown.language .dropdown-toggle {
    padding: 7.5px 12px;
    border: solid 2px #fff;
  }
}

.dropdown.language>a {
  border: none;
  font-weight: 700;
  color: #FFF !important;
  text-align: left;
}

.dropdown.language>a .selected {
  background-color: transparent;
}

.dropdown.language .language-label {
  display: inline-block;
  vertical-align: middle;
  font-weight: 300;
  font-size: 14px;
  font-size: .93333rem;
}

.dropdown.language .custom-caret {
  position: relative;
  display: inline-block;
  color: #fff;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.dropdown.language .custom-caret:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  content: "\e61b";
  font-family: 'icomoon';
  font-size: 5px;
  font-size: .33333rem;
  text-align: center;
}

.dropdown.language .dropdown-menu {
  left: auto;
  right: 0;
  border-radius: 0;
  min-width: 0;
  text-align: right;
}

.dropdown.language .dropdown-menu li a {
  font-weight: 300;
}

.dropdown.actions .dropdown-menu {
  right: -6px;
  left: auto;
  min-width: 100px;
  margin-top: 8px;
  white-space: nowrap;
  font-size: 10px;
  font-size: .66667rem;
  background-color: #4d4d4d;
  -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);
  border-radius: 8px;
  padding: 7px 0;
  border: 0;
}

@media only screen and (min-width: 768px) {
  .dropdown.actions .dropdown-menu {
    padding: 11px 0;
  }
}

.dropdown.actions .dropdown-menu:before {
  position: absolute;
  content: "";
  top: -5px;
  right: 12px;
  background-color: #4d4d4d;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 1px 0 0 1px;
  position: absolute;
  height: 10px;
  width: 10px;
}

.dropdown.actions .dropdown-menu li {
  display: block;
  margin: 0 10px;
}

@media only screen and (min-width: 768px) {
  .dropdown.actions .dropdown-menu li {
    margin: 0;
  }
}

.dropdown.actions .dropdown-menu li a,
.dropdown.actions .dropdown-menu li button {
  font-size: 10px;
  font-size: .66667rem;
  font-weight: normal;
  text-transform: none;
  text-align: left;
  padding: 8px 10px;
  color: #fff;
  background-color: transparent;
}

@media only screen and (min-width: 768px) {
  .dropdown.actions .dropdown-menu li a,
  .dropdown.actions .dropdown-menu li button {
    text-transform: none;
    padding: 3px 10px;
    border-top: none;
    font-size: 10px;
    font-size: .66667rem;
  }
}

.dropdown.actions .dropdown-menu li a span[class^="icon-"],
.dropdown.actions .dropdown-menu li button span[class^="icon-"] {
  color: #fff;
  margin: 0 5px;
  font-size: 16px;
  font-size: 1.06667rem;
}

.dropdown.actions .dropdown-menu li a:hover,
.dropdown.actions .dropdown-menu li a:focus,
.dropdown.actions .dropdown-menu li button:hover,
.dropdown.actions .dropdown-menu li button:focus {
  background-color: transparent;
  text-decoration: none;
}

.dropdown.actions .dropdown-menu li a:hover .button-label,
.dropdown.actions .dropdown-menu li a:focus .button-label,
.dropdown.actions .dropdown-menu li button:hover .button-label,
.dropdown.actions .dropdown-menu li button:focus .button-label {
  text-decoration: underline;
}

.dropdown.popup {
  display: inline-block;
}

.dropdown.popup .dropdown-menu {
  right: auto;
  left: auto;
  min-width: 100%;
  margin-top: 12px;
  white-space: nowrap;
  border: 1px solid #d6d6d6;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 1px #d6d6d6;
  box-shadow: 1px 1px 1px #d6d6d6;
}

.dropdown.popup .dropdown-menu:before {
  position: absolute;
  content: "";
  top: -11px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d6d6d6;
}

.dropdown.popup .dropdown-menu:after {
  position: absolute;
  content: "";
  top: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

.dropdown.popup .dropdown-menu li {
  display: block;
}

.dropdown.popup .dropdown-menu li a {
  padding: 8px 10px;
  text-align: center;
}

.dropdown.popup .dropdown-menu li a:hover {
  font-weight: 700;
  color: #F36F20;
}

.dropdown.widget-menu a.disabled,
.dropdown.widget-menu a.disabled:hover {
  color: #ccc !important;
}

.dropdown.widget-menu .dropdown-menu {
  top: 46px;
  left: auto;
  right: 2px;
  font-size: 14px;
  font-size: .93333rem;
  border-radius: 10px;
  padding: 7px 0;
  background-color: #4d4d4d;
  -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);
  color: #fff;
}

.dropdown.widget-menu .dropdown-menu:before {
  content: '';
  display: block;
  background-color: #fff;
  border: 1px solid #4d4d4d;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #4d4d4d;
  border-width: 1px 0 0 1px;
  position: absolute;
  height: 10px;
  width: 10px;
  top: -5px;
  left: 92%;
  margin-left: -8px;
}

.dropdown.widget-menu .dropdown-menu li a,
.dropdown.widget-menu .dropdown-menu li button {
  font-weight: 400;
  padding: 10px 15px 10px;
  color: #fff;
}

.dropdown.widget-menu .dropdown-menu li a:hover,
.dropdown.widget-menu .dropdown-menu li a:focus,
.dropdown.widget-menu .dropdown-menu li button:hover,
.dropdown.widget-menu .dropdown-menu li button:focus {
  background-color: transparent;
  color: #fff;
}

.dropdown.widget-menu .dropdown-menu li a:hover span,
.dropdown.widget-menu .dropdown-menu li a:focus span,
.dropdown.widget-menu .dropdown-menu li button:hover span,
.dropdown.widget-menu .dropdown-menu li button:focus span {
  text-decoration: underline;
}

input.minimal {
  width: 100%;
  color: #404040;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #737373;
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 300;
  text-align: center !important;
}

input.minimal:disabled {
  color: #e6e6e6;
}

input.minimal.smaller-decimal:last-word {
  font-size: .8px;
  font-size: .05333rem;
}

input.minimal-at-xs--else-normal {
  width: 100%;
  color: #404040;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #737373;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  text-align: center !important;
}

input.minimal-at-xs--else-normal:disabled {
  color: #e6e6e6;
}

input.minimal-at-xs--else-normal.smaller-decimal:last-word {
  font-size: .8px;
  font-size: .05333rem;
}

.line-input {
  width: 100%;
  padding: 0 4px 1px;
  margin-bottom: -1px;
  border: none;
  border-bottom: 1px solid #dedede;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
}

.line-input.titles {
  font-size: 18px;
  font-size: 1.2rem;
}

.line-input.error {
  background-color: transparent;
  border-bottom: 1px solid #DE5B3D;
}

.line-edit label.converted-placeholder {
  font-size: 13px !important;
  font-size: .86667rem !important;
  color: #404040;
}

.digical-checkbox {
  display: inline-block;
}

.digical-checkbox input[type="checkbox"] {
  display: none;
}

.digical-checkbox label {
  position: relative;
  display: inline-block;
  font-size: inherit;
  cursor: pointer;
  margin: 0;
}

.digical-checkbox label input[type="checkbox"]+span:before {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-color: #f5f5f5;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
}

.digical-checkbox label input[type="checkbox"]:checked+span:after {
  position: absolute;
  top: 2.5px;
  left: 4px;
  content: "\e624";
  font-family: 'icomoon';
  font-size: 12px;
  font-size: .8rem;
  color: #F36F20;
}

.ie8 .trustedBeneficiary-checkbox input[type="checkbox"] {
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  right: 0;
  clip: auto;
  padding: inherit;
  margin: 0;
}

.trustedBeneficiary-checkbox input[type="checkbox"]:focus+input+span:after {
  -webkit-box-shadow: 0px 0px 3px 3px #84BFFC;
  box-shadow: 0px 0px 3px 3px #84BFFC;
}

.trustedBeneficiary-checkbox label {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -3px;
  right: -3px;
  margin-bottom: 0;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .trustedBeneficiary-checkbox label {
    bottom: 0;
    right: 0;
  }
}

.trustedBeneficiary-checkbox label input[type="checkbox"]+span,
.trustedBeneficiary-checkbox label input[type="checkbox"]+input[type="hidden"]+span {
  font-size: 0;
}

.trustedBeneficiary-checkbox label input[type="checkbox"]+span:before,
.trustedBeneficiary-checkbox label input[type="checkbox"]+input[type="hidden"]+span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1.5px solid #d9d9d9;
  background-color: #fff;
}

.trustedBeneficiary-checkbox label input[type="checkbox"]+span:after,
.trustedBeneficiary-checkbox label input[type="checkbox"]+input[type="hidden"]+span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 1.5rem;
  content: "\e63e";
  font-family: 'icomoon';
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
  color: #D4D2D2;
}

.trustedBeneficiary-checkbox label input[type="checkbox"]:checked+span:before,
.trustedBeneficiary-checkbox label input[type="checkbox"]:checked+input[type="hidden"]+span:before {
  background-color: #ffeca8;
  border: none;
}

.trustedBeneficiary-checkbox label input[type="checkbox"]:checked+span:after,
.trustedBeneficiary-checkbox label input[type="checkbox"]:checked+input[type="hidden"]+span:after {
  color: #eabd1d;
}

.trustedBeneficiary-checkbox label input[type="checkbox"]:disabled+span:before,
.trustedBeneficiary-checkbox label input[type="checkbox"]:disabled+input[type="hidden"]+span:before {
  cursor: default;
}

.trustedBeneficiary-checkbox label input[type="checkbox"]:disabled+span .custom-checkbox__label-on,
.trustedBeneficiary-checkbox label input[type="checkbox"]:disabled+span .custom-checkbox__label-off,
.trustedBeneficiary-checkbox label input[type="checkbox"]:disabled+input[type="hidden"]+span .custom-checkbox__label-on,
.trustedBeneficiary-checkbox label input[type="checkbox"]:disabled+input[type="hidden"]+span .custom-checkbox__label-off {
  display: none;
}

.ie8 .custom-checkbox input[type="checkbox"] {
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  right: 0;
  clip: auto;
  padding: inherit;
  margin: 0;
}

.custom-checkbox label {
  position: relative;
  display: block;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  margin: 0;
}

.custom-checkbox label.large {
  margin: 10px 0;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 400;
}

.custom-checkbox label.large input[type="checkbox"]+span,
.custom-checkbox label.large input[type="checkbox"]+input[type="hidden"]+span {
  padding-left: 60px;
  padding-right: 0;
  color: #4d4d4d;
}

.custom-checkbox label.large input[type="checkbox"]+span .true,
.custom-checkbox label.large input[type="checkbox"]+input[type="hidden"]+span .true {
  display: none;
}

.custom-checkbox label.large input[type="checkbox"]+span .false,
.custom-checkbox label.large input[type="checkbox"]+input[type="hidden"]+span .false {
  display: inline-block;
}

.custom-checkbox label.large input[type="checkbox"]+span:before,
.custom-checkbox label.large input[type="checkbox"]+input[type="hidden"]+span:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 36px;
  height: 16px;
  background-color: #e6e6e6;
  border-radius: 10px;
  cursor: pointer;
}

.ie8 .custom-checkbox label.large input[type="checkbox"]+span:before,
.ie8 .custom-checkbox label.large input[type="checkbox"]+input[type="hidden"]+span:before {
  display: none;
}

.custom-checkbox label.large input[type="checkbox"]+span:after,
.custom-checkbox label.large input[type="checkbox"]+input[type="hidden"]+span:after {
  position: absolute;
  top: -2px;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1.5px solid #b3b3b3;
  border-radius: 50%;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform .3s ease 0s;
  transition: -webkit-transform .3s ease 0s;
  transition: transform .3s ease 0s;
  transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
}

.custom-checkbox label.large input[type="checkbox"]:checked+span .true,
.custom-checkbox label.large input[type="checkbox"]:checked+input[type="hidden"]+span .true {
  display: inline-block;
}

.custom-checkbox label.large input[type="checkbox"]:checked+span .false,
.custom-checkbox label.large input[type="checkbox"]:checked+input[type="hidden"]+span .false {
  display: none;
}

.custom-checkbox label.large input[type="checkbox"]:checked+span:before,
.custom-checkbox label.large input[type="checkbox"]:checked+input[type="hidden"]+span:before {
  opacity: 0.5;
  background-color: #3D8F62;
}

.custom-checkbox label.large input[type="checkbox"]:checked+span:after,
.custom-checkbox label.large input[type="checkbox"]:checked+input[type="hidden"]+span:after {
  border-color: #3D8F62;
  background-color: #3D8F62;
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

.custom-checkbox label.full-width {
  text-align: left;
}

.custom-checkbox label.full-width input[type="checkbox"]+span,
.custom-checkbox label.full-width input[type="checkbox"]+input[type="hidden"]+span {
  padding-left: 0;
  padding-right: 60px;
}

.custom-checkbox label.full-width input[type="checkbox"]+span:before,
.custom-checkbox label.full-width input[type="checkbox"]+input[type="hidden"]+span:before {
  left: auto;
  right: 0;
}

.custom-checkbox label.full-width input[type="checkbox"]+span:after,
.custom-checkbox label.full-width input[type="checkbox"]+input[type="hidden"]+span:after {
  left: auto;
  right: 0;
  -webkit-transform: translateX(-16px);
  -ms-transform: translateX(-16px);
  transform: translateX(-16px);
  -webkit-transition: -webkit-transform .3s ease 0s;
  transition: -webkit-transform .3s ease 0s;
  transition: transform .3s ease 0s;
  transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
}

.custom-checkbox label.full-width input[type="checkbox"]:checked+span:after,
.custom-checkbox label.full-width input[type="checkbox"]:checked+input[type="hidden"]+span:after {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.custom-checkbox label.compact {
  font-size: 13px;
  font-size: .86667rem;
  text-align: right;
}

.custom-checkbox label.trusted {
  text-align: left;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0;
}

.custom-checkbox label.trusted input[type="checkbox"]+span,
.custom-checkbox label.trusted input[type="checkbox"]+input[type="hidden"]+span {
  padding-left: 60px;
  padding-right: 0;
  color: #4d4d4d;
}

.custom-checkbox label.trusted input[type="checkbox"]+span .true,
.custom-checkbox label.trusted input[type="checkbox"]+input[type="hidden"]+span .true {
  display: none;
}

.custom-checkbox label.trusted input[type="checkbox"]+span .false,
.custom-checkbox label.trusted input[type="checkbox"]+input[type="hidden"]+span .false {
  display: inline-block;
}

.custom-checkbox label.trusted input[type="checkbox"]+span:before,
.custom-checkbox label.trusted input[type="checkbox"]+input[type="hidden"]+span:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 36px;
  height: 18px;
  background-color: #e6e6e6;
  border-radius: 10px;
  cursor: pointer;
}

.ie8 .custom-checkbox label.trusted input[type="checkbox"]+span:before,
.ie8 .custom-checkbox label.trusted input[type="checkbox"]+input[type="hidden"]+span:before {
  display: none;
}

.custom-checkbox label.trusted input[type="checkbox"]+span:after,
.custom-checkbox label.trusted input[type="checkbox"]+input[type="hidden"]+span:after {
  position: absolute;
  top: -2px;
  left: 0;
  content: "\e608";
  font-family: 'icomoon';
  text-align: center;
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  font-size: .93333rem;
  color: #b3b3b3;
  background-color: #fff;
  border: 1px solid #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);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform .3s ease 0s;
  transition: -webkit-transform .3s ease 0s;
  transition: transform .3s ease 0s;
  transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
}

.custom-checkbox label.trusted input[type="checkbox"].disabled+span,
.custom-checkbox label.trusted input[type="checkbox"].disabled+input[type="hidden"]+span {
  padding-left: 50px;
}

.custom-checkbox label.trusted input[type="checkbox"].disabled+span:before,
.custom-checkbox label.trusted input[type="checkbox"].disabled+input[type="hidden"]+span:before {
  display: none;
}

.custom-checkbox label.trusted input[type="checkbox"].disabled+span:after,
.custom-checkbox label.trusted input[type="checkbox"].disabled+input[type="hidden"]+span:after {
  color: #b3b3b3;
  top: -3px;
  left: 13px;
}

.custom-checkbox label.trusted input[type="checkbox"].disabled:checked+span .true,
.custom-checkbox label.trusted input[type="checkbox"].disabled:checked+input[type="hidden"]+span .true {
  display: inline-block;
}

.custom-checkbox label.trusted input[type="checkbox"].disabled:checked+span .false,
.custom-checkbox label.trusted input[type="checkbox"].disabled:checked+input[type="hidden"]+span .false {
  display: none;
}

.custom-checkbox label.trusted input[type="checkbox"].disabled:checked+span:after,
.custom-checkbox label.trusted input[type="checkbox"].disabled:checked+input[type="hidden"]+span:after {
  color: #fff;
  border: none;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.custom-checkbox label.trusted input[type="checkbox"]:checked+span .true,
.custom-checkbox label.trusted input[type="checkbox"]:checked+input[type="hidden"]+span .true {
  display: inline-block;
}

.custom-checkbox label.trusted input[type="checkbox"]:checked+span .false,
.custom-checkbox label.trusted input[type="checkbox"]:checked+input[type="hidden"]+span .false {
  display: none;
}

.custom-checkbox label.trusted input[type="checkbox"]:checked+span:before,
.custom-checkbox label.trusted input[type="checkbox"]:checked+input[type="hidden"]+span:before {
  background-color: rgba(61,143,98,0.5);
}

.custom-checkbox label.trusted input[type="checkbox"]:checked+span:after,
.custom-checkbox label.trusted input[type="checkbox"]:checked+input[type="hidden"]+span:after {
  color: #FFF;
  border: none;
  background-color: #3D8F62;
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

.custom-checkbox label input[type="checkbox"]+span,
.custom-checkbox label input[type="checkbox"]+input[type="hidden"]+span {
  padding-right: 60px;
  color: #4d4d4d;
}

body.login .custom-checkbox label input[type="checkbox"]+span,
body.login .custom-checkbox label input[type="checkbox"]+input[type="hidden"]+span {
  color: #fff;
}

.custom-checkbox label input[type="checkbox"]+span:before,
.custom-checkbox label input[type="checkbox"]+input[type="hidden"]+span:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 40px;
  height: 18px;
  background-color: #e6e6e6;
  border-radius: 8px;
  cursor: pointer;
}

.ie8 .custom-checkbox label input[type="checkbox"]+span:before,
.ie8 .custom-checkbox label input[type="checkbox"]+input[type="hidden"]+span:before {
  display: none;
}

.custom-checkbox label input[type="checkbox"]+span:after,
.custom-checkbox label input[type="checkbox"]+input[type="hidden"]+span:after {
  position: absolute;
  top: 1px;
  right: 23px;
  content: "";
  width: 16px;
  height: 16px;
  background-color: #fff;
  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);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform .3s ease 0s;
  transition: -webkit-transform .3s ease 0s;
  transition: transform .3s ease 0s;
  transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
}

.ie8 .custom-checkbox label input[type="checkbox"]+span:after,
.ie8 .custom-checkbox label input[type="checkbox"]+input[type="hidden"]+span:after {
  display: none;
}

.custom-checkbox label input[type="checkbox"]+span .custom-checkbox__label-on,
.custom-checkbox label input[type="checkbox"]+input[type="hidden"]+span .custom-checkbox__label-on {
  display: none;
}

.custom-checkbox label input[type="checkbox"]:checked+span:before,
.custom-checkbox label input[type="checkbox"]:checked+input[type="hidden"]+span:before {
  background-color: #3D8F62;
}

.custom-checkbox label input[type="checkbox"]:checked+span:after,
.custom-checkbox label input[type="checkbox"]:checked+input[type="hidden"]+span:after {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

.custom-checkbox label input[type="checkbox"]:checked+span .custom-checkbox__label-on,
.custom-checkbox label input[type="checkbox"]:checked+input[type="hidden"]+span .custom-checkbox__label-on {
  display: inline-block;
}

.custom-checkbox label input[type="checkbox"]:checked+span .custom-checkbox__label-off,
.custom-checkbox label input[type="checkbox"]:checked+input[type="hidden"]+span .custom-checkbox__label-off {
  display: none;
}

.custom-checkbox label input[type="checkbox"]:disabled+span:before,
.custom-checkbox label input[type="checkbox"]:disabled+input[type="hidden"]+span:before {
  cursor: default;
}

.custom-checkbox label input[type="checkbox"]:disabled+span .custom-checkbox__label-on,
.custom-checkbox label input[type="checkbox"]:disabled+span .custom-checkbox__label-off,
.custom-checkbox label input[type="checkbox"]:disabled+input[type="hidden"]+span .custom-checkbox__label-on,
.custom-checkbox label input[type="checkbox"]:disabled+input[type="hidden"]+span .custom-checkbox__label-off {
  display: none;
}

.custom-checkbox__label-on,
.custom-checkbox__label-off {
  text-transform: uppercase;
  font-weight: 700;
}

.custom-checkbox__description.large {
  padding-left: 60px;
  font-size: 12px;
  font-size: .8rem;
  color: gray;
}

.custom-checkbox__description.checkboxOnRight {
  padding-left: 0;
  padding-right: 60px;
}

.custom-checkbox__strongLabel {
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 700;
  color: #262626;
}

.custom-checkbox__spacer {
  margin-bottom: 30px;
}

.custom-checkbox__spacer--framed {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.no-csstransform .custom-checkbox label input[type="checkbox"]:checked+span:after,
.no-csstransform .custom-checkbox label input[type="checkbox"]:checked+input[type="hidden"]+span:after {
  right: 1px;
}

.large-checkbox input[type="checkbox"],
.large-checkbox input[type="radio"] {
  display: none;
}

.iphone .payments .large-checkbox input[type="checkbox"],
.iphone .payments .large-checkbox input[type="radio"] {
  display: block;
  position: absolute;
  top: 1px;
  left: 3px;
  z-index: 11;
  opacity: 0;
}

.large-checkbox label {
  position: relative;
  display: block;
  font-size: 16px;
  font-size: 1.06667rem;
  margin: 0;
}

.large-checkbox label input[type="checkbox"]+span:before,
.large-checkbox label input[type="radio"]+span:before {
  position: relative;
  display: block;
  content: "";
  width: 23px;
  height: 23px;
  background-color: #f5f5f5;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
  cursor: pointer;
}

.large-checkbox label input[type="checkbox"]:checked+span:after,
.large-checkbox label input[type="radio"]:checked+span:after {
  position: absolute;
  top: 0px;
  left: 4px;
  content: "\e624";
  font-family: 'icomoon';
  font-size: 16px;
  font-size: 1.06667rem;
  color: #F36F20;
}

.large-checkbox label input[type="checkbox"]:disabled+span:before,
.large-checkbox label input[type="radio"]:disabled+span:before {
  cursor: default;
}

.orange-checkbox input[type="checkbox"],
.orange-checkbox input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: 11;
  overflow: hidden;
}

.iphone .payments .orange-checkbox input[type="checkbox"],
.iphone .payments .orange-checkbox input[type="radio"] {
  display: block;
  position: absolute;
  top: 1px;
  left: 3px;
  z-index: 11;
  opacity: 0;
}

.orange-checkbox input[type="checkbox"]:focus+span {
  -webkit-box-shadow: 0px 0px 3px 3px #84BFFC;
  box-shadow: 0px 0px 3px 3px #84BFFC;
}

.orange-checkbox label {
  margin-bottom: 0;
  position: relative;
  padding: 1.5em;
  margin: -1.5em;
}

.orange-checkbox label input[type="checkbox"]+span,
.orange-checkbox label input[type="radio"]+span {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid gray;
  border-radius: 2px;
}

.orange-checkbox label input[type="checkbox"]+span:before,
.orange-checkbox label input[type="checkbox"]+span:after,
.orange-checkbox label input[type="radio"]+span:before,
.orange-checkbox label input[type="radio"]+span:after {
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.orange-checkbox label input[type="checkbox"][disabled]+span,
.orange-checkbox label input[type="radio"]:checked+span {
  border-color: #ccc;
}

.orange-checkbox label input[type="checkbox"]:checked+span,
.orange-checkbox label input[type="radio"]:checked+span {
  background-color: #3D8F62;
  border-color: #3D8F62;
}

.orange-checkbox label input[type="checkbox"]:checked+span:after,
.orange-checkbox label input[type="radio"]:checked+span:after {
  position: absolute;
  content: "\e624";
  top: 1.5px;
  left: 2px;
  font-family: 'icomoon';
  font-size: 9px;
  color: #fff;
}

.orange-checkbox label .text-label {
  vertical-align: middle;
  font-size: 13px;
  font-size: .86667rem;
  color: gray;
}

.orange-checkbox label .text-label.visible-on-xs {
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .orange-checkbox label .text-label.visible-on-xs {
    display: none;
  }
}

.large-checkbox-inline input[type="checkbox"],
.large-checkbox-inline input[type="radio"] {
  display: none;
}

.large-checkbox-inline label {
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 300;
  cursor: pointer;
  margin: 0;
}

.large-checkbox-inline label input[type="checkbox"]+input[type="hidden"]+span,
.large-checkbox-inline label input[type="radio"]+input[type="hidden"]+span {
  margin-right: 10px;
}

.large-checkbox-inline label input[type="checkbox"]+input[type="hidden"]+span:before,
.large-checkbox-inline label input[type="radio"]+input[type="hidden"]+span:before {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
}

.large-checkbox-inline label input[type="checkbox"]:checked+input[type="hidden"]+span:before,
.large-checkbox-inline label input[type="radio"]:checked+input[type="hidden"]+span:before {
  background-color: #3D8F62;
}

.large-checkbox-inline label input[type="checkbox"]:checked+input[type="hidden"]+span:after,
.large-checkbox-inline label input[type="radio"]:checked+input[type="hidden"]+span:after {
  position: absolute;
  top: 2px;
  left: 3px;
  content: "\e624";
  font-family: 'icomoon';
  font-size: 15px;
  font-size: 1rem;
  color: #fff;
}

.large-checkbox-inline label input[type="checkbox"]:focus+input[type="hidden"]+span:before,
.large-checkbox-inline label input[type="radio"]:focus+input[type="hidden"]+span:before {
  -webkit-box-shadow: 0px 0px 3px 3px #84BFFC;
  box-shadow: 0px 0px 3px 3px #84BFFC;
}

.large-checkbox-inline label .checkbox-visual {
  position: absolute;
}

.large-checkbox-inline label .checkbox-label {
  display: inline-block;
  margin-left: 35px;
}

.small-checkbox-inline.mid-label label {
  font-size: 14px;
  font-size: .93333rem;
}

.small-checkbox-inline label {
  position: relative;
  display: inline-block;
  font-size: 10px;
  font-size: .66667rem;
  font-weight: normal;
  letter-spacing: 0.2px;
  line-height: 1.2;
  cursor: pointer;
  margin: 0;
}

.small-checkbox-inline label input[type="checkbox"]+span,
.small-checkbox-inline label input[type="checkbox"]+input[type="hidden"]+span,
.small-checkbox-inline label input[type="radio"]+input[type="hidden"]+span {
  margin-right: 10px;
}

.small-checkbox-inline label input[type="checkbox"]+span:before,
.small-checkbox-inline label input[type="checkbox"]+input[type="hidden"]+span:before,
.small-checkbox-inline label input[type="radio"]+input[type="hidden"]+span:before {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
}

.small-checkbox-inline label input[type="checkbox"]:checked+span:before,
.small-checkbox-inline label input[type="checkbox"]:checked+input[type="hidden"]+span:before,
.small-checkbox-inline label input[type="radio"]:checked+input[type="hidden"]+span:before {
  background-color: #3D8F62;
  border-color: #3D8F62;
}

.small-checkbox-inline label input[type="checkbox"]:checked+span:after,
.small-checkbox-inline label input[type="checkbox"]:checked+input[type="hidden"]+span:after,
.small-checkbox-inline label input[type="radio"]:checked+input[type="hidden"]+span:after {
  position: absolute;
  top: 3px;
  left: 3px;
  content: "\e624";
  font-family: 'icomoon';
  font-size: 10px;
  font-size: .66667rem;
  color: #fff;
}

.small-checkbox-inline label input[type="checkbox"]:focus+span:before,
.small-checkbox-inline label input[type="checkbox"]:focus+input[type="hidden"]+span:before,
.small-checkbox-inline label input[type="radio"]:focus+input[type="hidden"]+span:before {
  -webkit-box-shadow: 0px 0px 3px 3px #84BFFC;
  box-shadow: 0px 0px 3px 3px #84BFFC;
}

.small-checkbox-inline label .checkbox-visual {
  position: absolute;
}

.small-checkbox-inline label .checkbox-label {
  display: inline-block;
  margin-left: 35px;
}

.small-checkbox-inline__inBox {
  margin-top: 10px;
  margin-bottom: 16px;
  padding: 21px;
  border-radius: 4px;
  background-color: #f5f5f5;
}

.small-checkbox-inline__inBox label {
  color: #262626;
  font-weight: 700;
  font-size: 14px;
  font-size: .93333rem;
}

.simpleCheckbox.notchecked label .labelText:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background-color: #fff !important;
  border: 1px solid #b3b3b3 !important;
  border-radius: 2px;
}

.simpleCheckbox.notchecked label .labelText:after {
  content: "" !important;
}

.simpleCheckbox.checked label .labelText:before {
  background-color: #3D8F62 !important;
  border-color: #3D8F62 !important;
}

.simpleCheckbox.checked label .labelText:after {
  position: absolute;
  top: 0;
  line-height: 22px;
  left: 5px;
  content: "\e624";
  font-family: 'icomoon';
  font-size: 10px;
  font-size: .66667rem;
  color: #fff;
}

.simpleCheckbox label {
  position: relative;
  min-height: 20px;
  margin-bottom: 0;
}

.simpleCheckbox label>span {
  display: block;
  pointer-events: none;
}

.simpleCheckbox label .labelText {
  margin-left: 35px;
  line-height: 22px;
  color: #262626;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 400;
}

.simpleCheckbox label input[type="checkbox"]+.labelText:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 0;
  line-height: 22px;
  left: 0;
  background-color: #fff;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
}

.simpleCheckbox label input[type="checkbox"]:checked+.labelText:before {
  background-color: #3D8F62;
  border-color: #3D8F62;
}

.simpleCheckbox label input[type="checkbox"]:checked+.labelText:after {
  position: absolute;
  left: 5px;
  content: "\e624";
  font-family: 'icomoon';
  font-size: 10px;
  font-size: .66667rem;
  color: #fff;
  top: 0;
  line-height: 22px;
}

.simpleCheckbox label input[type="checkbox"]:focus+.labelText:before {
  -webkit-box-shadow: 0px 0px 3px 3px #84BFFC;
  box-shadow: 0px 0px 3px 3px #84BFFC;
}

.simpleCheckbox__inBox {
  margin-top: 10px;
  margin-bottom: 16px;
  padding: 21px;
  border-radius: 4px;
  background-color: #f5f5f5;
}

.simpleCheckbox__inBox label {
  margin-bottom: 0;
}

.simpleCheckbox__inBox label .labelText {
  font-size: 14px;
  font-size: .93333rem;
  color: #262626;
}

.simpleCheckbox__middleSize label {
  margin-bottom: 0;
}

.simpleCheckbox__middleSize label .labelText {
  font-size: 14px;
  font-size: .93333rem;
  color: #262626;
}

.simpleCheckbox__smallSize label {
  text-align: left;
  margin-bottom: 0;
}

.simpleCheckbox__smallSize label .labelText {
  font-size: 12px;
  font-size: .8rem;
  color: #262626;
}

.simpleCheckboxList__title {
  font-size: 12px;
  font-size: .8rem;
  font-weight: 500;
  color: #262626;
  margin: 48px 0 24px;
}

.simpleCheckboxListItem+.simpleCheckboxListItem {
  margin-top: 16px;
}

.custom-radio-group {
  list-style: none;
  margin: 0;
  padding: 0 0 15px;
  font-size: 13px;
  font-size: .86667rem;
}

.custom-radio-group--extra-padding {
  display: inline-block;
  padding: 0;
}

.custom-radio-group--extra-padding li {
  padding: 10px 5px;
}

.custom-radio-group--inline li {
  display: inline-block;
}

.custom-radio-group--inline li+li {
  margin-left: 32px;
}

.custom-radio-group .large-label {
  font-size: 18px;
  font-size: 1.2rem;
  color: #4d4d4d;
}

.custom-radio-group.bank-select {
  margin-bottom: 15px;
}

.custom-radio-group.horizontal li.title {
  padding: 0;
  line-height: 50px;
}

.custom-radio-group.horizontal li+li {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .custom-radio-group.horizontal li+li {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .custom-radio-group.horizontal {
    font-size: 16px;
    font-size: 1.06667rem;
  }

  .custom-radio-group.horizontal li {
    float: left;
    border-bottom: none;
    padding-right: 40px;
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.custom-radio-group.operatorList li+li {
  margin-top: 0;
}

.custom-radio-group li {
  padding-top: 0;
}

.custom-radio-group li:last-child {
  border-bottom: none;
}

.custom-radio-group li label+.form-group {
  margin-top: 16px;
}

.custom-radio-group li+li {
  margin-top: 16px;
}

.custom-radio-group li>label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin: 0;
  line-height: 22px;
  font-weight: 400;
  font-size: 14px;
  font-size: .93333rem;
  color: #262626;
}

.custom-radio-group li>label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1.5px solid #b3b3b3;
  border-radius: 50%;
  background-color: #fff;
}

.custom-radio-group__ListItemLabel {
  margin-bottom: 6px !important;
  padding-top: 7px;
  font-size: 12px !important;
  font-size: .8rem !important;
  line-height: 1.33 !important;
  color: #4d4d4d;
}

.custom-radio-group__ListItem+.custom-radio-group__ListItem {
  margin-top: 38px;
}

.custom-radio-group input[type=radio] {
  position: absolute;
  left: -9999px;
}

.custom-radio-group input[type=radio]:focus+label:before {
  -webkit-box-shadow: 0px 0px 3px 3px #84BFFC;
  box-shadow: 0px 0px 3px 3px #84BFFC;
}

.custom-radio-group input[type=radio]:checked+label:before {
  border-color: #3D8F62;
}

.custom-radio-group input[type=radio]:checked+label:after {
  position: absolute;
  content: "";
  top: 6px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #3D8F62;
}

.custom-radio-group__legend {
  font-size: 12px;
  font-size: .8rem;
  margin-bottom: 24px;
  border-bottom: none;
  font-weight: 500;
  color: #262626;
  text-transform: uppercase;
}

.beneficiary.horizontal {
  margin-bottom: 30px;
}

span.infoField {
  display: block;
  margin-top: 10px;
  color: #404040;
}

span.infoField:before {
  position: relative;
  vertical-align: sub;
  margin-right: 10px;
  content: "\e634";
  font-family: 'icomoon';
  font-size: 20px;
  font-size: 1.33333rem;
}

.errField ul {
  padding: 0;
  display: inline-block;
}

.payments-description-textarea {
  resize: none;
  height: 100px;
  width: 100%;
  padding: 5px;
  border-radius: 0px !important;
  border: 1px solid #b8b8b8;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),inset;
  box-shadow: 0 1px 1px rgba(0,0,0,0.15),inset;
}

.infoError {
  margin-top: 6px;
  line-height: 1.2;
  color: #DE5B3D;
  font-size: 12px;
  font-size: .8rem;
}

span.errField {
  position: relative;
  display: block;
  text-align: left;
  margin-top: 6px;
  line-height: 1.2;
  color: #DE5B3D;
  font-size: 12px;
  font-size: .8rem;
  padding-left: 24px;
}

span.errField:before {
  content: "\e634";
  font-family: 'icomoon';
  font-size: 16px;
  font-size: 1.06667rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}

.errBlock {
  display: block;
  padding: 16px;
  padding-left: 54px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #DE5B3D;
  border-radius: 4px;
  position: relative;
}

.errBlock.image-uploader-error {
  display: none;
}

.errBlock.inverted {
  color: #DE5B3D;
  background-color: transparent;
}

.errBlock.inverted .errField {
  color: #DE5B3D;
}

.errBlock .errField {
  margin: 0;
  color: #fff;
  line-height: 1.1;
  position: static;
  padding-left: 0;
  font-size: 14px;
  font-size: .93333rem;
}

.errBlock .errField:before {
  left: 24px;
}

.errList {
  list-style: none;
  margin-bottom: 0;
}

.errList li+li {
  margin-top: 10px;
}

.calculator .custom-select-menu {
  position: relative;
  display: inline-block;
  border-bottom: 2px dotted #999;
  padding: 0 15px;
  margin: 0 15px;
}

.calculator .custom-select-menu span {
  font-family: 'kite_oneregular', sans-serif;
  margin-bottom: 0;
  font-weight: normal;
  color: #D65A10;
}

.calculator .custom-select-menu ul {
  position: absolute;
  left: 50%;
  margin-left: -125px;
  top: 60px;
  width: 250px;
  background-color: #262626;
  color: #fff;
  list-style: none;
  padding: 15px;
  z-index: 100;
}

.calculator .custom-select-menu ul:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: -20px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #262626;
}

.calculator .custom-select-menu ul li {
  float: left;
  width: 50%;
  text-align: center;
}

.calculator .custom-select-menu ul li.selected {
  background-color: transparent;
  color: #D65A10;
}

.select-holder {
  line-height: 1;
}

.select-holder.inline-label label {
  display: inline;
}

.select-holder.compact .custom-select-menu {
  height: 40px;
  display: inline-block;
  border: 1px solid #9b9b9b;
  line-height: 38px;
  font-size: 15px;
  font-size: 1rem;
}

.select-holder.compact .custom-select-menu .selection-made {
  padding: 0 45px 0 10px;
  background-color: #fff;
}

.select-holder.compact .custom-select-menu .selection-made:before,
.select-holder.compact .custom-select-menu .selection-made:after {
  width: 38px;
}

.select-holder.compact .custom-select-menu ul {
  top: 40px;
}

.select-holder .custom-select-menu {
  position: relative;
  width: 100%;
  height: 40px;
  display: inline-block;
  border-bottom: 1px solid #262626;
  line-height: 38px;
}

.select-holder .custom-select-menu.disabled {
  opacity: 0.5;
  cursor: default;
}

.select-holder .custom-select-menu .selection-made {
  position: relative;
  display: block;
  margin: 0;
  color: #888;
  padding: 0;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #4d4d4d;
  overflow: hidden;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.select-holder .custom-select-menu .selection-made:before,
.select-holder .custom-select-menu .selection-made:after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 43px;
}

.select-holder .custom-select-menu .selection-made:after {
  content: "\e61b";
  font-family: 'icomoon';
  font-size: 8px;
  font-size: .53333rem;
  text-align: center;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.select-holder .custom-select-menu .selection-made.opened:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.select-holder .custom-select-menu ul {
  position: absolute;
  top: 45px;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  z-index: 500;
  list-style: none;
  border-left: 1px solid #9b9b9b;
  border-right: 1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
}

.select-holder .custom-select-menu ul li {
  padding: 0 15px;
}

.select-holder .custom-select-menu ul li.selected,
.select-holder .custom-select-menu ul li:hover,
.select-holder .custom-select-menu ul li:focus {
  color: #F36F20;
  font-weight: 700;
  background-color: #f5f5f5;
}

.select-holder .custom-select-menu ul li.disabled {
  opacity: 0.5;
  font-weight: normal;
  cursor: default;
  color: #404040;
  background-color: #fff;
}

.select-holder .custom-select-menu ul li.disabled:hover,
.select-holder .custom-select-menu ul li.disabled:focus {
  font-weight: normal;
}

.pure-custom-select {
  display: inline-block;
  vertical-align: middle;
}

.pure-custom-select.to-right {
  float: right;
}

.pure-custom-select .custom-select-menu {
  position: relative;
  display: inline-block;
  border-bottom: 2px solid #737373;
}

.pure-custom-select .custom-select-menu.disabled {
  opacity: 0.5;
  cursor: default;
  border-bottom: 2px solid fade(#737373, 50%);
}

.pure-custom-select .custom-select-menu .selection-made {
  position: relative;
  display: block;
  margin: 0;
  padding: 1px 25px 1px 5px;
  font-size: 24px;
  font-size: 1.6rem;
  color: #404040;
  overflow: hidden;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.pure-custom-select .custom-select-menu .selection-made:after {
  position: absolute;
  content: "\e61b";
  font-family: 'icomoon';
  right: 5px;
  top: 50%;
  margin-top: -4px;
  font-size: 6px;
  font-size: .4rem;
  text-align: center;
}

.pure-custom-select .custom-select-menu ul {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 2px;
  padding: 0;
  background-color: #f5f5f5;
  list-style: none;
  text-align: center;
  padding: 5px 0;
  font-size: 24px;
  font-size: 1.6rem;
  z-index: 500;
  white-space: nowrap;
}

.pure-custom-select .custom-select-menu ul li {
  padding: 5px;
  display: block;
  border-bottom: 1px solid #f5f5f5;
}

.pure-custom-select .custom-select-menu ul li.selected {
  background-color: #e5e5e4;
}

.pure-custom-select .custom-select-menu ul li:hover,
.pure-custom-select .custom-select-menu ul li:focus {
  background-color: #e5e5e4;
  border-bottom: 1px solid #F36F20;
}

.minimal-custom-select {
  display: inline-block;
  vertical-align: middle;
}

.minimal-custom-select.to-right {
  float: right;
}

.minimal-custom-select .custom-select-menu {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #F36F20;
}

.minimal-custom-select .custom-select-menu.disabled {
  opacity: 0.5;
  cursor: default;
  border-bottom: none;
}

.minimal-custom-select .custom-select-menu.disabled .selection-made {
  display: inline;
  padding: 0;
}

.minimal-custom-select .custom-select-menu.disabled .selection-made:after {
  content: "";
}

.minimal-custom-select .custom-select-menu .selection-made {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 22px 0 5px;
  font-size: inherit;
  color: #000;
  overflow: hidden;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.minimal-custom-select .custom-select-menu .selection-made:after {
  position: absolute;
  content: "\e61b";
  font-family: 'icomoon';
  right: 5px;
  top: 50%;
  margin-top: -4px;
  font-size: 6px;
  font-size: .4rem;
  text-align: center;
}

.minimal-custom-select .custom-select-menu ul {
  position: absolute;
  right: 0;
  width: 200px;
  margin-top: 1px;
  padding: 0;
  background-color: #f5f5f5;
  list-style: none;
  text-align: left;
  padding: 5px 0;
  z-index: 500;
  white-space: nowrap;
}

.minimal-custom-select .custom-select-menu ul li {
  padding: 5px;
  display: block;
}

.minimal-custom-select .custom-select-menu ul li.selected {
  background-color: #e5e5e4;
}

.minimal-custom-select .custom-select-menu ul li:hover,
.minimal-custom-select .custom-select-menu ul li:focus {
  background-color: #e5e5e4;
}

.aria-converted-label,
.form-group label,
.input-group label {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  font-size: .86667rem;
  color: #adadad;
  font-weight: 300;
}

.editable .text-to-edit-holder {
  position: relative;
}

.editable .text-to-edit-holder .inputMaterial {
  padding-top: 0;
  height: 40px;
}

.editable .text-to-edit.add {
  color: #F36F20;
}

.editable .button-holder {
  margin-top: 10px;
}

.editable .button-holder button+button {
  margin-left: 15px;
}

.editable .form-control {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  height: 40px;
}

.editable .editor {
  display: none;
}

input[type="password"].form-control {
  font-family: Arial, Helvetica, sans-serif;
}

.input-wrapper {
  position: relative;
}

.input-wrapper input {
  padding-right: 30px;
}

.input-wrapper .clear-input {
  position: absolute;
  bottom: 6px;
  right: 0;
  color: #4d4d4d;
  cursor: pointer;
  font-size: 8px;
  font-size: .53333rem;
  padding: 8px;
}

.input-wrapper .clear-input.glyphicon {
  top: 6px;
  font-size: 14px;
  font-size: .93333rem;
}

.input-wrapper .clear-input.icon-close-rounded:before {
  content: "\e637";
}

.customSelect {
  position: relative;
  display: inline-block;
  border: 1px solid #9a9a9a;
  background-color: white;
  width: 100%;
}

.customSelect:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 38px;
  content: "\e61c";
  display: block;
  color: #262626;
  background-color: #F5F5F5;
  border-top: 1px solid #9a9a9a;
  position: absolute;
  top: 0;
  right: 0;
  height: 38px;
  width: 38px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.ie8 .customSelect:before,
.ie9 .customSelect:before {
  display: none;
}

.customSelect select {
  font-family: "HelveticaNeueW02";
  font-size: 16px;
  font-size: 1.06667rem;
  color: #262626;
  position: relative;
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding: 0 53px 0 13px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

.customSelect select:disabled {
  background-color: #f5f5f5;
}

.ie8 .customSelect select,
.ie9 .customSelect select {
  padding: 0 0 0 13px;
}

.label-normalized,
.form-group .label-normalized {
  font-size: 15px;
  font-size: 1rem;
  text-align: left;
  font-weight: 300;
  color: #4d4d4d;
}

.upload-image-input-wrapper {
  position: relative;
}

.upload-image-input-wrapper .form-control {
  height: 47px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.upload-image-input-wrapper .btn-go {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 47px;
  padding: 0;
  line-height: 47px;
  color: #4d4d4d !important;
  background-color: #e6e6e6;
}

.budget-start-date {
  text-align: left;
  background-color: #f5f5f5;
  max-width: 320px;
  margin: 0 auto;
  font-size: 0px;
  font-size: 0rem;
  padding: 5px;
}

.budget-start-date label {
  width: 40px;
  background-color: #fff;
  margin: 2px;
  line-height: 40px;
  font-weight: 300;
  text-align: center;
  font-size: 14px;
  font-size: .93333rem;
}

.budget-start-date input[type=radio] {
  position: absolute;
  left: -9999px;
}

.budget-start-date .selectedDate,
.budget-start-date input[type=radio]:checked+label {
  color: #fff;
  background-color: #f36f20;
}

.customSelectMaterial,
.ui-selectmenu-button {
  display: block;
  position: relative;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  width: 100%;
}

.customSelectMaterial.withLabel .customSelectMaterial__label,
.ui-selectmenu-button.withLabel .customSelectMaterial__label {
  top: 8px;
  font-size: 11px;
  font-size: .73333rem;
  line-height: normal;
}

.zoom_3 .customSelectMaterial.withLabel .customSelectMaterial__label,
.zoom_3 .ui-selectmenu-button.withLabel .customSelectMaterial__label {
  top: 2px;
}

.customSelectMaterial.withLabel .customSelectMaterial__label span,
.ui-selectmenu-button.withLabel .customSelectMaterial__label span {
  line-height: 1;
  vertical-align: top;
}

.customSelectMaterial.withLabel select,
.ui-selectmenu-button.withLabel select {
  font-size: 16px;
  font-size: 1.06667rem;
  padding-top: 19px;
  padding-bottom: 7px;
}

.customSelectMaterial.withIcon select,
.ui-selectmenu-button.withIcon select {
  width: 85%;
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}

.customSelectMaterial.withIcon:before,
.ui-selectmenu-button.withIcon:before {
  right: 50px;
}

.customSelectMaterial.withIcon .currency-label,
.ui-selectmenu-button.withIcon .currency-label {
  position: absolute;
  top: 0px;
  width: 50px;
  right: 0;
  line-height: 50px;
  text-align: center;
  font-size: 12px;
  font-size: .8rem;
  color: #808080;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #f5f5f5;
}

.customSelectMaterial:before,
.ui-selectmenu-button:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 50px;
  content: "\e61b";
  display: block;
  color: gray;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50px;
  width: 35px;
  border-radius: 4px;
}

@media only screen and (min-width: 1024px) {
  .customSelectMaterial:before,
  .ui-selectmenu-button:before {
    width: 50px;
  }
}

.customSelectMaterial select,
.ui-selectmenu-button select {
  background-color: transparent;
  width: 100%;
  padding: 14px 16px;
  border: none;
  line-height: 1.2;
  border-radius: 0;
  height: 50px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-size: 1.06667rem;
  position: relative;
  padding-right: 30px;
  z-index: 1;
}

@media only screen and (min-width: 1024px) {
  .customSelectMaterial select,
  .ui-selectmenu-button select {
    padding-right: 35px;
  }
}

.zoom_3 .customSelectMaterial select,
.zoom_3 .ui-selectmenu-button select {
  padding-top: 12px;
  padding-bottom: 12px;
}

.customSelectMaterial select:disabled,
.ui-selectmenu-button select:disabled {
  opacity: .7;
  background-color: #e6e6e6;
}

.customSelectMaterial select::-ms-expand,
.ui-selectmenu-button select::-ms-expand {
  display: none;
}

.customSelectMaterial.inactive .customSelectMaterial__label,
.ui-selectmenu-button.inactive .customSelectMaterial__label {
  top: 16px;
  left: 16px;
  font-size: 16px;
  font-size: 1.06667rem;
}

label.customSelectMaterial__label {
  position: absolute;
  white-space: nowrap;
  top: 0;
  left: 16px;
  font-size: 12px;
  font-size: .8rem;
  color: gray;
  font-weight: normal;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

label.customSelectMaterial__label.static {
  position: static;
}

.inputMaterial.small .hasDatepicker {
  border-right: 1px solid #e6e6e6;
}

.inputMaterial.small .hasDatepicker+.ui-datepicker-trigger {
  border: 1px solid #fff;
  border-left: 1px solid #e6e6e6;
}

.inputMaterial {
  position: relative;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.inputMaterial input:-webkit-autofill,
.inputMaterial input:-webkit-autofill:hover,
.inputMaterial input:-webkit-autofill:focus,
.inputMaterial input:-webkit-autofill:active,
.inputMaterial textarea:-webkit-autofill,
.inputMaterial select:-webkit-autofill {
  background-color: #fff !important;
  color: #4d4d4d !important;
  -webkit-text-fill-color: #4d4d4d !important;
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.inputMaterial input[type=number]::-webkit-inner-spin-button,
.inputMaterial input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.inputMaterial input[type=number] {
  -moz-appearance: textfield;
}

.inputMaterial .clear-input.glyphicon-remove-circle {
  position: absolute;
  right: 10px;
  top: 19px;
}

.inputMaterial.disabled:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  left: 0;
  background-color: #e6e6e6;
  opacity: .5;
  z-index: 10;
  width: 100%;
  height: 50px;
}

.inputMaterial.disabled.small:after {
  height: 40px;
}

.inputMaterial.readOnly {
  background-color: #e6e6e6;
}

.inputMaterial .btn {
  border: 0;
  width: 50px;
  height: 50px;
}

.inputMaterial .hasDatepicker {
  border-right: 1px solid #e6e6e6;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.inputMaterial .hasDatepicker+.ui-datepicker-trigger {
  vertical-align: top;
  border: 16px solid #fff;
  border-radius: 4px;
  cursor: pointer;
}

.inputMaterial .currency-label,
.inputMaterial .model-label {
  display: none;
}

.inputMaterial.withIcon.leftIcon .inputMaterial__label {
  left: 66px;
}

.inputMaterial.withIcon.leftIcon .inputMaterial__input {
  margin-left: 50px;
}

.inputMaterial.withIcon.leftIcon--shorten .inputMaterial__label {
  left: 66px;
}

@media only screen and (max-width: 767px) {
  .inputMaterial.withIcon.leftIcon--shorten .inputMaterial__label {
    left: 40px;
  }
}

.inputMaterial.withIcon.leftIcon--shorten .inputMaterial__input {
  margin-left: 50px;
}

@media only screen and (max-width: 767px) {
  .inputMaterial.withIcon.leftIcon--shorten .inputMaterial__input {
    margin-left: 30px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    padding-left: 10px;
    padding-right: 10px;
  }
}

.inputMaterial.withIcon.regularTextAlign .inputMaterial__input {
  text-align: left;
}

.inputMaterial.withIcon .inputMaterial__input {
  width: 85%;
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  font-style: normal;
  display: block;
  text-align: right;
}

.inputMaterial.withIcon .currency-label,
.inputMaterial.withIcon .model-label {
  position: absolute;
  display: block;
  top: 0px;
  width: 50px;
  height: 50px;
  right: 0;
  line-height: 12px;
  text-align: center;
  font-size: 12px;
  font-size: .8rem;
  color: gray;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #f5f5f5;
  font-style: normal;
}

.inputMaterial.withIcon .currency-label {
  display: table;
  padding: 0 8px;
}

.inputMaterial.withIcon .currency-label span {
  display: table-cell;
  vertical-align: middle;
}

.inputMaterial.withIcon .model-label {
  left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  display: table;
  padding: 0 8px;
}

.inputMaterial.withIcon .model-label .model-labelTitle {
  line-height: 50px;
  font-size: 15px;
  font-size: 1rem;
}

@media only screen and (max-width: 767px) {
  .inputMaterial.withIcon .model-label {
    width: 30px;
  }
}

.inputMaterial.withIcon .model-label span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.inputMaterial.withIcon .iconCover {
  position: absolute;
  top: 0;
  width: 50px;
  right: 1px;
  line-height: 50px;
  text-align: center;
  color: gray;
  background-color: #fff;
  border-left: 1px solid #e6e6e6;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.inputMaterial.withIcon .iconCover>a {
  width: 100%;
}

.inputMaterial.add-search-icon input {
  padding-left: 45px;
}

.inputMaterial.add-search-icon label {
  left: 45px;
}

.inputMaterial.add-search-icon:before {
  content: "\e60f";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 12px;
  font-family: "icomoon";
  font-size: 18px;
  font-size: 1.2rem;
  color: gray;
}

.inputMaterial .search::-ms-clear {
  display: none;
}

.inputMaterial.withValidation:before,
.inputMaterial.withValidation:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  background-color: #e6e6e6;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.inputMaterial.withValidation:before {
  width: 100%;
}

.inputMaterial.withValidation.valid:after {
  background-color: #3D8F62;
}

.inputMaterial.withValidation.invalid:after {
  background-color: #D83636;
}

.inputMaterial.withValidation.start:after {
  width: 0;
}

.inputMaterial.withValidation.six1:after {
  width: 16.66%;
}

.inputMaterial.withValidation.six2:after {
  width: 33.33%;
}

.inputMaterial.withValidation.six3:after {
  width: 50%;
}

.inputMaterial.withValidation.six4:after {
  width: 66.66%;
}

.inputMaterial.withValidation.six5:after {
  width: 83.33%;
}

.inputMaterial.withValidation.six6:after {
  width: 100%;
}

.inputMaterial.withSelect .inputMaterial__input {
  padding-right: 100px;
}

.inputMaterial__delete {
  position: absolute;
  right: 5px;
  top: 8px;
}

.inputMaterial.small.withIcon .iconCover {
  height: 40px;
  line-height: 40px;
}

.inputMaterial.small.withIcon .inputMaterial__input {
  width: 85%;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
}

.inputMaterial.small .inputMaterial__input {
  height: 40px;
  font-size: 14px;
  font-size: .93333rem;
  padding: 18px 7px 8px;
}

.inputMaterial.small .inputMaterial__input[value]:not([value=""])+.inputMaterial__label,
.inputMaterial.small .inputMaterial__input:not(:empty)+.inputMaterial__label,
.inputMaterial.small .inputMaterial__input:focus+.inputMaterial__label,
.inputMaterial.small .inputMaterial__input[readonly="readonly"]+.inputMaterial__label {
  top: 6px;
}

.inputMaterial.small .inputMaterial__input[value]:not([value=""])+.ui-datepicker-trigger+.inputMaterial__label,
.inputMaterial.small .inputMaterial__input:not(:empty)+.ui-datepicker-trigger+.inputMaterial__label,
.inputMaterial.small .inputMaterial__input:focus+.ui-datepicker-trigger+.inputMaterial__label,
.inputMaterial.small .inputMaterial__input[readonly="readonly"]+.ui-datepicker-trigger+.inputMaterial__label {
  top: 6px;
}

.inputMaterial.small .inputMaterial__label {
  top: 14px;
  left: 7px;
  font-size: 14px;
  font-size: .93333rem;
}

.inputMaterial.small .inputMaterial__label.active {
  top: 6px;
  font-size: 11px;
  font-size: .73333rem;
}

.inputMaterial.small .currency-label {
  height: 40px;
  width: 40px;
  line-height: 40px;
}

.inputMaterial.small .form-control {
  border: none;
}

.inputMaterial.small .hasDatepicker {
  border-right: 1px solid #e6e6e6;
  padding: 18px 7px 8px;
}

.inputMaterial.small.disabled:after {
  height: 40px;
}

.inputMaterial.small .hasDatepicker+.ui-datepicker-trigger {
  position: absolute;
  top: 0;
  width: 40px;
  right: 0;
  margin: 0px;
  padding: 11px;
  border-left: 1px solid #e6e6e6;
}

.customSelectMaterial.small {
  height: 40px;
}

.customSelectMaterial.small:before {
  height: 38px;
  width: 38px;
  line-height: 38px;
}

.customSelectMaterial.small select {
  height: 40px;
  font-size: 14px;
  font-size: .93333rem;
  padding: 8px;
}

.customSelectMaterial.small.withLabel.inactive .customSelectMaterial__label {
  top: 6px;
  left: 8px;
}

.customSelectMaterial.small.withLabel .customSelectMaterial__label {
  top: 0px;
  left: 8px;
}

.form_datepicker.inputMaterial.withIcon>.ui-datepicker-trigger,
.inputMaterial.hasIconDatepicker .ui-datepicker-trigger {
  position: absolute;
  top: 0;
  width: 50px;
  right: 0;
  margin: 0px;
  vertical-align: top;
  border: 1px solid #fff;
  padding: 15px;
}

.form_datepicker.inputMaterial.withIcon>.ui-datepicker-trigger:focus,
.inputMaterial.hasIconDatepicker .ui-datepicker-trigger:focus {
  outline: 0;
  border: 1px solid #b3b3b3;
}

.form_datepicker.inputMaterial.small.withIcon>.ui-datepicker-trigger,
.inputMaterial.small.hasIconDatepicker .ui-datepicker-trigger {
  width: 40px;
  padding: 10px;
}

.inputMaterial.hasIconDatepicker .currency-label {
  background-color: #fff;
  border-left: 1px solid #b3b3b3;
}

.inputMaterial.hasIconDatepicker .currency-label .ui-datepicker-trigger {
  border: 0;
  border-left: 1px solid #e6e6e6;
}

.inputMaterial.withIcon input,
.inputMaterial.withIcon textarea,
.customSelectMaterial.withIcon input,
.customSelectMaterial.withIcon textarea,
.materializeTextarea.withIcon input,
.materializeTextarea.withIcon textarea {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.inputMaterial input,
.inputMaterial select,
.inputMaterial textarea,
.customSelectMaterial input,
.customSelectMaterial select,
.customSelectMaterial textarea,
.materializeTextarea input,
.materializeTextarea select,
.materializeTextarea textarea {
  border-radius: 3px;
}

.inputMaterial .domesticPayment__select,
.customSelectMaterial .domesticPayment__select,
.materializeTextarea .domesticPayment__select {
  border-radius: 0px;
}

.inputMaterial.active,
.customSelectMaterial.active,
.materializeTextarea.active {
  border: 1px solid #b3b3b3;
}

.inputMaterial.active input,
.inputMaterial.active select,
.inputMaterial.active textarea,
.customSelectMaterial.active input,
.customSelectMaterial.active select,
.customSelectMaterial.active textarea,
.materializeTextarea.active input,
.materializeTextarea.active select,
.materializeTextarea.active textarea {
  outline: 0;
}

.inputMaterial.active.withIcon .iconCover,
.customSelectMaterial.active.withIcon .iconCover,
.materializeTextarea.active.withIcon .iconCover {
  border-left: 1px solid #b3b3b3;
}

.inputMaterial.active .hasDatepicker,
.customSelectMaterial.active .hasDatepicker,
.materializeTextarea.active .hasDatepicker {
  border-right: 1px solid #b3b3b3;
}

.inputMaterial span.errField,
.customSelectMaterial span.errField,
.materializeTextarea span.errField {
  padding-left: 16px;
  position: absolute;
  top: 100%;
  left: 0;
  height: 20px;
  padding-top: 6px;
  display: inline-block;
  margin: 0;
}

.inputMaterial span.errField:before,
.customSelectMaterial span.errField:before,
.materializeTextarea span.errField:before {
  content: '';
  display: block;
  float: none;
  position: absolute;
  top: -50px;
  left: 0;
  width: 4px;
  height: 50px;
  background-color: #DE5B3D;
  margin-top: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.materializeTextarea {
  overflow: hidden;
}

.materializeTextarea span.errField:before {
  height: 500px;
  top: -500px;
}

.errFieldTextarea:before {
  content: '';
  display: block;
  float: none;
  position: absolute;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #DE5B3D;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  left: 0;
}

.errFieldTextarea span:before {
  content: none !important;
}

.inputMaterial__input {
  background-color: transparent;
  border: none;
  height: 50px;
  width: 100%;
  font-size: 14px;
  font-size: .93333rem;
  margin: 0;
  padding: 18px 16px 8px 16px;
  line-height: 1;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.touch .inputMaterial__input {
  font-size: 16px;
  font-size: 1.06667rem;
}

.inputMaterial__input[value]:not([value=""])+.inputMaterial__label,
.inputMaterial__input:not(:empty)+.inputMaterial__label,
.inputMaterial__input:focus+.inputMaterial__label,
.inputMaterial__input[readonly="readonly"]+.inputMaterial__label,
.inputMaterial__input[value]:not([value=""])+div+.inputMaterial__label,
.inputMaterial__input:not(:empty)+div+.inputMaterial__label,
.inputMaterial__input:focus+div+.inputMaterial__label,
.inputMaterial__input[readonly="readonly"]+div+.inputMaterial__label {
  top: 8px;
  font-size: 11px;
  font-size: .73333rem;
}

.zoom_3 .inputMaterial__input[value]:not([value=""])+.inputMaterial__label,
.zoom_3 .inputMaterial__input:not(:empty)+.inputMaterial__label,
.zoom_3 .inputMaterial__input:focus+.inputMaterial__label,
.zoom_3 .inputMaterial__input[readonly="readonly"]+.inputMaterial__label,
.zoom_3 .inputMaterial__input[value]:not([value=""])+div+.inputMaterial__label,
.zoom_3 .inputMaterial__input:not(:empty)+div+.inputMaterial__label,
.zoom_3 .inputMaterial__input:focus+div+.inputMaterial__label,
.zoom_3 .inputMaterial__input[readonly="readonly"]+div+.inputMaterial__label {
  top: 2px;
}

.inputMaterial__input[readonly="readonly"] {
  background-color: #e6e6e6;
}

.inputMaterial__input[value]:not([value=""])+.ui-datepicker-trigger+.inputMaterial__label,
.inputMaterial__input:not(:empty)+.ui-datepicker-trigger+.inputMaterial__label,
.inputMaterial__input:focus+.ui-datepicker-trigger+.inputMaterial__label,
.inputMaterial__input[readonly="readonly"]+.ui-datepicker-trigger+.inputMaterial__label {
  top: 8px;
  font-size: 11px;
  font-size: .73333rem;
}

.zoom_3 .inputMaterial__input[value]:not([value=""])+.ui-datepicker-trigger+.inputMaterial__label,
.zoom_3 .inputMaterial__input:not(:empty)+.ui-datepicker-trigger+.inputMaterial__label,
.zoom_3 .inputMaterial__input:focus+.ui-datepicker-trigger+.inputMaterial__label,
.zoom_3 .inputMaterial__input[readonly="readonly"]+.ui-datepicker-trigger+.inputMaterial__label {
  top: 4px;
}

.inputMaterial__input[readonly="readonly"] {
  background-color: #e6e6e6;
}

.inputMaterial__input.readonly {
  background-color: #e6e6e6;
}

label.inputMaterial__label {
  color: #9e9e9e;
  position: absolute;
  top: 16px;
  font-size: 16px;
  font-size: 1.06667rem;
  left: 16px;
  cursor: text;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  color: gray;
  font-weight: normal;
  line-height: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.inputMaterial__label.active {
  top: 8px;
  font-size: 11px;
  font-size: .73333rem;
}

.zoom_3 label.inputMaterial__label.active {
  top: 4px;
}

@media only screen and (max-width: 1023px) {
  label.inputMaterial__label.resizedOnMobile {
    top: 8px;
    font-size: 11px;
    font-size: .73333rem;
  }
}

.materializeTextarea {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}

.materializeTextarea__textarea {
  display: block;
  resize: none;
  height: 32px;
  min-height: 70px;
  width: 100%;
  padding: 20px 16px 8px 16px;
  border: none;
  background-color: transparent;
  overflow-y: hidden;
}

.materializeTextarea__textarea:focus+.materializeTextarea__label {
  top: 8px;
  font-size: 12px;
  font-size: .8rem;
}

.materializeTextarea__textarea[value]:not([value=""])+.materializeTextarea__label,
.materializeTextarea__textarea:not(:empty)+.materializeTextarea__label,
.materializeTextarea__textarea:focus+.materializeTextarea__label,
.materializeTextarea__textarea[readonly="readonly"]+.materializeTextarea__label,
.materializeTextarea__textarea[value]:not([value=""])+div+.materializeTextarea__label,
.materializeTextarea__textarea:not(:empty)+div+.materializeTextarea__label,
.materializeTextarea__textarea:focus+*+.materializeTextarea__label,
.materializeTextarea__textarea[readonly="readonly"]+div+.materializeTextarea__label {
  top: 8px;
  font-size: 11px;
  font-size: .73333rem;
}

.zoom_3 .materializeTextarea__textarea[value]:not([value=""])+.materializeTextarea__label,
.zoom_3 .materializeTextarea__textarea:not(:empty)+.materializeTextarea__label,
.zoom_3 .materializeTextarea__textarea:focus+.materializeTextarea__label,
.zoom_3 .materializeTextarea__textarea[readonly="readonly"]+.materializeTextarea__label,
.zoom_3 .materializeTextarea__textarea[value]:not([value=""])+div+.materializeTextarea__label,
.zoom_3 .materializeTextarea__textarea:not(:empty)+div+.materializeTextarea__label,
.zoom_3 .materializeTextarea__textarea:focus+*+.materializeTextarea__label,
.zoom_3 .materializeTextarea__textarea[readonly="readonly"]+div+.materializeTextarea__label {
  top: 2px;
}

label.materializeTextarea__label {
  color: #9e9e9e;
  position: absolute;
  line-height: 1;
  top: 12px;
  left: 16px;
  font-size: 16px;
  font-size: 1.06667rem;
  cursor: text;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  color: gray;
  font-weight: normal;
}

label.materializeTextarea__label.active {
  top: 8px;
  font-size: 12px;
  font-size: .8rem;
}

.form-group--materialize,
.form-group--materialize__withError {
  margin-bottom: 32px;
}

.form-group--materialize {
  margin-bottom: 24px;
}

.hiddendiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-top: 1.2rem;
}

#searchfieldMobile {
  width: 150px;
  position: relative;
}

.ui-autocomplete .ui-state-focus {
  background-color: #fafafa;
}

.ui-autocomplete.ui-search-desktop {
  overflow-y: scroll;
  overflow-x: hidden;
}

.ui-autocomplete.ui-search-mobile {
  z-index: 100000;
  left: 0 !important;
  width: 260px !important;
  background-color: transparent;
  border: 0 !important;
  overflow-y: scroll;
  overflow-x: hidden;
}

.ui-autocomplete.ui-search-mobile li {
  padding-left: 24px !important;
  padding-right: 30px !important;
  font-size: 13px;
  background-color: transparent;
  color: #fff;
  border: 0 !important;
}

.ui-autocomplete.ui-search-mobile li.ui-state-focus {
  color: #b3b3b3;
  background-color: transparent;
}

.ui-autocomplete.ui-autocomplete-beneficiary {
  position: absolute;
  right: 50px;
  left: -1px !important;
  top: 51px !important;
}

.ui-autocomplete.ui-autocomplete-beneficiary li {
  padding-left: 16px !important;
}

.btn-search-delete {
  outline: 0;
  display: none;
  position: absolute;
  border: 0;
  background-color: transparent;
  right: 0;
  top: 19px;
  right: 10px;
  font-size: 10px;
}

.btn-search-delete span {
  color: white;
}

ul.operatorList {
  list-style: none;
  list-style-type: none;
  padding: 0;
  background-color: #fff;
  border-radius: 4px;
}

li.operatorItem {
  list-style-type: none;
  background-color: #fff;
  vertical-align: middle;
  height: 94px;
  padding: 20px 20px 10px 32px;
  color: gray;
  border-bottom: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) {
  li.operatorItem {
    border-right: 1px solid #e6e6e6;
  }

  li.operatorItem:nth-child(3n) {
    border-right: 0;
  }

  li.operatorItem:nth-child(3n+1):nth-last-child(-n+3),
  li.operatorItem:nth-child(3n+1):nth-last-child(-n+3) ~ li {
    border-bottom: 0;
  }

  .matrix_2x2 li.operatorItem:nth-child(3n) {
    border-right: 1px solid #e6e6e6;
  }

  .matrix_2x2 li.operatorItem:nth-child(3n+1):nth-last-child(-n+3),
  .matrix_2x2 li.operatorItem:nth-child(3n+1):nth-last-child(-n+3) ~ li {
    border-bottom: 1px solid #e6e6e6;
  }

  .matrix_2x2 li.operatorItem:nth-child(2n) {
    border-right: 0;
  }

  .matrix_2x2 li.operatorItem:nth-child(2n+1):nth-last-child(-n+2),
  .matrix_2x2 li.operatorItem:nth-child(2n+1):nth-last-child(-n+2) ~ li {
    border-bottom: 0;
  }
}

li.operatorItem span {
  margin-top: 8px;
  display: block;
  line-height: 1;
  display: block;
  text-align: left;
  color: gray;
  word-wrap: break-word;
}

li.operatorItem img {
  height: 22px;
  width: auto;
}

.infoInputBlock {
  border-radius: 4px;
  background-color: #EEEEEE;
  height: 52px;
  font-size: 11px;
  font-size: .73333rem;
  padding: 8px 16px;
}

.customCheckbox label.large input[type="checkbox"]+span {
  padding-left: 0;
}

.customCheckbox label.full-width input[type="checkbox"]+span {
  padding-right: 0;
}

.customCheckbox__include {
  display: inline-block;
}

.AmountGroup_arrowContainer {
  background-color: #f5f5f5;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
}

.AmountGroup_arrowContainer .icon-sort {
  font-size: 13px;
  color: gray;
  position: absolute;
  top: 8px;
  right: 1px;
}

.currencyExchangeWidget__select select option[disabled='disabled'] {
  opacity: 0.5;
  color: #b3b3b3;
}

.ie8 .custom-checkboxFilter input[type="checkbox"] {
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  right: 0;
  clip: auto;
  padding: inherit;
  margin: 0;
}

.custom-checkboxFilter input[type="checkbox"]:focus+.custom-checkboxFilter__toggle {
  -webkit-box-shadow: 0px 0px 3px 3px #84BFFC;
  box-shadow: 0px 0px 3px 3px #84BFFC;
  border-radius: 40px;
}

.custom-checkboxFilter input[type="checkbox"]:checked+.custom-checkboxFilter__toggle:before {
  left: 50%;
}

.custom-checkboxFilter input[type="checkbox"]:checked+.custom-checkboxFilter__toggle .custom-checkboxFilter__left {
  color: #fff;
}

.custom-checkboxFilter input[type="checkbox"]:checked+.custom-checkboxFilter__toggle .custom-checkboxFilter__right {
  color: gray;
}

.custom-checkboxFilter label {
  position: relative;
  display: block;
  margin: 10px 0;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 400;
  width: 80px;
  height: 40px;
  border-radius: 40px;
  background-color: #4d4d4d;
  border: solid 1px #4d4d4d;
}

.custom-checkboxFilter .custom-checkboxFilter__toggle {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.custom-checkboxFilter .custom-checkboxFilter__toggle:before {
  content: '';
  width: 38px;
  height: 38px;
  background-color: #fff;
  border: solid 2px #4d4d4d;
  display: inline-block;
  border-radius: 50%;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.custom-checkboxFilter .custom-checkboxFilter__toggle .custom-checkboxFilter__right {
  color: #fff;
}

.custom-checkboxFilter .custom-checkboxFilter__left,
.custom-checkboxFilter .custom-checkboxFilter__right {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  height: 40px;
  line-height: 38px;
  position: relative;
  z-index: 3;
  text-align: center;
  color: gray;
  cursor: pointer;
}

.domesticPayment__selectContainer {
  position: absolute;
  top: 0;
  width: 88px;
  right: 8px;
  line-height: 50px;
  text-align: center;
  color: #808080;
  background-color: #ffffff;
  border-left: 1px solid #e6e6e6;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.domesticPayment__select {
  z-index: 7;
  padding-left: 1px;
  font-size: 16px;
  font-size: 1.06667rem;
  padding-top: 8px;
  padding-bottom: 10px;
}

.domesticPayment__beneficiariesIcon.icon-beneficiaries {
  font-size: 20px;
}

.paySomeoneSelectCurrency.domesticPayment__selectContainer {
  right: 0;
}

.paySomeoneSelectCurrency .customSelectMaterial {
  border: none;
}

.paySomeoneSelectCurrency .customSelectMaterial.active {
  border: 0;
}

/*! jQuery UI - v1.11.2 - 2015-02-11
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
  display: none;
}

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

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

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

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

.ui-helper-clearfix {
  min-height: 0;
}

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

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

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-datepicker {
  background-color: #000;
  background-color: rgba(0,0,0,0.7);
}

.modal-datepicker.nobg {
  background: none;
}

.modal-datepicker .modal-dialog {
  max-width: 450px;
  width: auto;
}

.modal-datepicker .modal-dialog .ui-datepicker {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  background: none;
  margin-bottom: 20px;
}

.modal-datepicker .modal-dialog .ui-datepicker .ui-datepicker-header {
  display: inline-block;
}

.modal-datepicker .modal-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-next:not(.ui-state-disabled) {
  cursor: pointer;
}

.modal-datepicker .modal-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:not(.ui-state-disabled) {
  cursor: pointer;
}

.modal-datepicker .modal-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  margin: 0 3.3em;
  margin-top: 0px;
  margin-bottom: 40px;
  line-height: 22px;
  font-size: 18px;
}

.modal-datepicker .modal-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  display: block;
  font-size: 12px;
}

.modal-datepicker .modal-dialog .ui-datepicker .ui-datepicker-calendar {
  border-left: 30px solid #fff;
  border-right: 30px solid #fff;
}

.modal-datepicker .modal-dialog .ui-datepicker .ui-datepicker-calendar th {
  padding-bottom: 26px;
  vertical-align: middle;
}

.modal-datepicker .modal-dialog .ui-datepicker .ui-datepicker-calendar td {
  cursor: pointer;
  vertical-align: middle;
  border-bottom: 6px solid #fff;
}

.modal-datepicker .modal-dialog .ui-datepicker .ui-datepicker-calendar td span,
.modal-datepicker .modal-dialog .ui-datepicker .ui-datepicker-calendar td a {
  padding: 0;
  line-height: 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.modal-datepicker .modal-dialog .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today span {
  border: 1px solid #F36F20;
  border-radius: 50%;
  display: inline-block;
}

.modal-datepicker .modal-dialog .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day span {
  background-color: #F36F20;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  width: 24px;
  height: 24px;
}

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

#calendar .ui-datepicker {
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
  border: none;
  background: none;
  color: #000;
}

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

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

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

.ui-datepicker .ui-datepicker-prev:after {
  font-family: 'icomoon';
  position: absolute;
  content: "\e61c";
  color: #000;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 12px;
}

.ui-datepicker .ui-datepicker-next:after {
  font-family: 'icomoon';
  position: absolute;
  content: "\e606";
  color: #000;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  font-size: 12px;
}

.ui-datepicker .ui-datepicker-prev-hover:not(.ui-state-disabled) {
  left: 0;
}

.ui-datepicker .ui-datepicker-next-hover:not(.ui-state-disabled) {
  right: 0;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #000;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  font-size: .93333rem;
}

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

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  border: none;
  background-color: transparent;
}

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

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
  line-height: 1.3;
  color: gray;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .73333rem;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
  text-align: center;
  font-size: 11px;
  font-size: .73333rem;
}

.ui-datepicker td span,
.ui-datepicker td a {
  position: relative;
  display: block;
  padding: .7em;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  color: #000;
}

.ui-datepicker td a:hover {
  color: #F36F20;
}

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

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

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

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

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

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

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

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

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

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

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

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

.ui-datepicker-rtl {
  direction: rtl;
}

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

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

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

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

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

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

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

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

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

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

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-size: 1em;
}

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

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

.ui-widget-header {
  font-size: 24px;
  font-weight: bold;
}

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

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

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

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

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  color: #fff;
  z-index: 1;
}

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

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #fff;
}

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

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

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

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

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

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-state-highlight:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #F36F20;
  top: 0;
  left: 50%;
  margin-left: -20px;
  z-index: -1;
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}

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

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}

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

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

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

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

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

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

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

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

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

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0;
}

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

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

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

.ui-widget-overlay {
  background: #666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px;
}

.ui-autocomplete {
  list-style: none;
  cursor: pointer;
  z-index: 999;
  border: 1px solid #e6e6e6;
  border-top: 0;
  padding: 0;
}

.ui-autocomplete li {
  background-color: #fff;
  font-size: 14px;
  font-size: .93333rem;
  padding: 8px 16px;
}

.ui-autocomplete li span {
  font-weight: normal;
}

.ui-autocomplete li .full {
  display: block;
  font-size: 12px;
  font-size: .8rem;
}

.ui-autocomplete li+li {
  border-top: 1px solid #e6e6e6;
}

.ui-autocomplete li:hover {
  background-color: #f5f5f5;
}

label.error {
  display: block;
  margin-top: 5px;
  color: #de5b3e;
  background-color: #fff;
}

label.error:before {
  position: relative;
  vertical-align: sub;
  margin-right: 5px;
  content: "\e634";
  font-family: 'icomoon';
  font-size: 16px;
  font-size: 1.06667rem;
}

.tooltip {
  width: 200px;
  max-width: 300px;
  padding: 10px;
}

.login {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #474747;
  background-image: none;
}

@media only screen and (min-width: 768px) {
  .login .container {
    width: 750px;
    padding: 0;
  }
}

.login .inputMaterial.withIcon .inputMaterial__input {
  text-align: left;
}

.login .inputMaterial.withIcon .inputMaterial__input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.login__wrapper {
  position: relative;
  padding: 0;
}

.login .login--panel--wrapper .icon {
  padding: 0px;
  text-align: center;
}

.login--header {
  position: relative;
  padding: 10px 0;
}

@media only screen and (min-width: 768px) {
  .login--header {
    padding: 30px;
  }
}

.login--header .bank-logo {
  float: left;
  width: 75%;
}

@media only screen and (min-width: 768px) {
  .login--header .bank-logo {
    text-align: left;
  }
}

.login--header .bank-logo .img-responsive {
  display: inline-block;
  height: 30px;
}

.login--header .language-dropdown-holder {
  float: right;
  width: 25%;
  text-align: right;
}

.login--header .navbar {
  margin-bottom: 0;
  min-height: 0;
}

.login--body {
  padding-bottom: 0;
  min-height: -webkit-calc(100vh - 196px);
  min-height: calc(100vh - 196px);
}

.login--body .page-title-holder {
  padding: 0 10px;
}

@media only screen and (min-width: 768px) {
  .login--body .page-title-holder {
    padding: 0 30px;
  }
}

.login--body .login-holder {
  display: block;
  margin: 10px auto;
}

.login--body .login-holder .login--table {
  position: relative;
  display: block;
}

.login--body .login-holder .login--table.overflow-hidden {
  overflow: hidden;
}

.login--body .login-holder .login--table-wide {
  position: relative;
  margin-bottom: 10px;
  *margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--table-wide {
    display: block;
    width: 510px;
  }
}

.login--body .login-holder .login--table-narrow {
  position: relative;
  margin-bottom: 10px;
  *margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--table-narrow {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 225px;
  }
}

.login--body .login-holder .login--table-narrow--cell {
  font-size: 15px;
  font-size: 1rem;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--table-narrow--cell {
    position: absolute;
    right: 0;
    width: 100%;
    font-size: 15px;
    font-size: 1rem;
  }

  .login--body .login-holder .login--table-narrow--cell.top {
    top: 0;
    bottom: 50%;
    left: 0;
    right: 0;
  }

  .login--body .login-holder .login--table-narrow--cell.top .login--table-narrow--cell--block {
    bottom: 7.5px;
  }

  .login--body .login-holder .login--table-narrow--cell.middle .login--table-narrow--cell--block {
    top: 7.5px;
    bottom: 7.5px;
  }

  .login--body .login-holder .login--table-narrow--cell.bottom {
    top: 50%;
    bottom: 0;
  }

  .login--body .login-holder .login--table-narrow--cell.bottom .login--table-narrow--cell--block {
    top: 7.5px;
  }
}

.login--body .login-holder .login--table-narrow--cell--block {
  position: relative;
  padding: 30px 35px 50px;
  margin-bottom: 10px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--table-narrow--cell--block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 35px;
    margin-bottom: 0;
    text-align: center;
  }
}

.login--body .login-holder .login--table-narrow--cell--block .inside {
  padding: 30px 35px;
}

.login--body .login-holder .login--table .login--table--row {
  margin: 5px;
}

.login--body .login-holder .login--table .login--panelRow {
  display: block;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--table .login--panelRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.login--body .login-holder .login--table .login--panelRow+.login--panelRow {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--table .login--panelRow+.login--panelRow {
    margin-top: 30px;
  }
}

.login--body .login-holder .login--table .login--panel {
  padding: 5px;
  text-align: center;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--table .login--panel {
    width: 47%;
    padding: 7.5px;
    background-color: #fff;
    margin-left: 4%;
    margin-bottom: 0;
  }
}

.login--body .login-holder .login--table .login--panel:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}

.login--body .login-holder .login--table .login--panel--wrapper {
  position: relative;
  padding: 22px 16px 92px;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--table .login--panel--wrapper {
    position: relative;
  }
}

.login--body .login-holder .login--table .login--panel--wrapper ul {
  margin: 0;
  padding: 0;
}

.login--body .login-holder .login--table .login--panel--wrapper ul li {
  list-style: none;
}

.login--body .login-holder .login--table .login--panel .button-holder {
  position: absolute;
  bottom: 22px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.login--body .login-holder .login--table .pane-title {
  font-weight: 300;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--table .pane-title {
    margin-bottom: 20px;
  }
}

.login--body .login-holder .login--table .pane-title .icon {
  font-size: 26px;
  font-size: 1.73333rem;
}

.login--body .login-holder .login--table .pane-title h2 {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  margin: 3px 0;
  color: #404040;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--table .pane-title h2 {
    margin: 10px 0;
  }
}

.login--body .login-holder .login--table .dark-bg .pane-title h2 {
  color: #fff;
}

.login--body .login-holder .login--table .security-pane .pane-title {
  margin-bottom: 0;
}

.login--body .login-holder .login--table .pane-title+.tab-pane {
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--table .pane-title+.tab-pane {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--table+.login--table {
    margin-top: 15px;
  }
}

.login--body .login-holder .light-bg {
  background-color: #fff;
  background-color: rgba(255,255,255,0.93);
}

.login--body .login-holder .dark-bg {
  color: #fff;
  background-color: #262626;
  background-color: rgba(48,48,48,0.93);
}

.login--body .login-holder .login--form {
  position: relative;
  display: block;
  padding: 30px 35px 5px;
  -webkit-box-shadow: 0 0 70px rgba(0,0,0,0.35);
  box-shadow: 0 0 70px rgba(0,0,0,0.35);
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--form {
    padding: 30px 35px;
  }
}

.lt-ie9 .login--body .login-holder .login--form {
  padding: 30px 35px 90px 35px;
}

.login--body .login-holder .login--form .tab-content {
  background-color: transparent;
  padding: 0;
}

.login--body .login-holder .login--form .form-group {
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--form .form-group {
    margin-bottom: 15px;
  }
}

.login--body .login-holder .login--form .btn-login {
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 18px;
  font-size: 1.2rem;
  background-color: #F36F20;
  color: #fff;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (min-width: 768px) {
  .login--body .login-holder .login--form .btn-login {
    margin-top: 10px;
  }
}

.login--body .login-holder .login--form .btn-login:hover,
.login--body .login-holder .login--form .btn-login:focus {
  background-color: #D65A10;
}

.login--body .login-holder .login--post-form {
  position: relative;
  margin-top: 10px;
  padding: 30px;
  background-color: #d3d1d2;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
  box-shadow: 0 0 5px rgba(0,0,0,0.15);
}

.login--body .login-holder .login--post-form-tip {
  color: #4f4d4e;
  margin: 11px 0;
}

.login--body .login-holder .login--post-form-btn {
  display: inline-block;
  float: right;
  color: #fff;
  background-color: #4d4d4d;
  padding: 15px 35px;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.login--body .login-holder .login--post-form-btn:hover {
  background-color: #343434;
}

.login--body .login-holder .login--post-form:after {
  content: "";
  position: absolute;
  top: -3px;
  left: 5px;
  width: 75px;
  height: 7px;
  background-color: #F36F20;
}

.login--body .login-holder .notification {
  display: none;
}

.login--body .login-holder .login--notification {
  display: block;
  padding: 25px;
  text-align: center;
  background-color: #000;
  background-color: rgba(0,0,0,0.8);
  border-bottom: 1px solid #CCC;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.login--body .login-holder .login--notification span[class^="icon-"] {
  display: block;
  margin-bottom: 20px;
}

.login--body .login-holder .login--notification-text {
  font-weight: 300;
  color: #fff;
}

.login .custom-select-container {
  position: relative;
}

.login select.custom.replaced {
  position: relative;
  width: 100%;
  height: 45px;
  border: 0;
  opacity: 0;
  line-height: 2;
  z-index: 10;
}

.login select.custom.replaced option {
  padding: 10px 0;
}

.login .custom-select-menu {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: left;
  border: none;
  background-color: fade(#fff, 60%);
  z-index: 1;
}

.login .custom-select-menu>span {
  display: inline-block;
  line-height: 45px;
  padding: 0 0 0 10px;
  position: relative;
  width: 100%;
  margin: 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.login .custom-select-menu>span:after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 43px;
  content: "\e61b";
  font-family: 'icomoon';
  font-size: 8px;
  font-size: .53333rem;
  text-align: center;
  border-left: 1px solid #9b9b9b;
  background-color: #f5f5f5;
}

.login .offcanvas {
  margin: 0;
}

.login .lbsHeader {
  background-color: #fff;
  padding-left: 15px;
}

.login .scroll-container {
  background-color: #fff;
}

.login-holder--terms-and-conditions {
  margin: 0 10px 10px;
}

@media only screen and (min-width: 768px) {
  .login-holder--terms-and-conditions {
    width: 715px;
    margin: 0 auto;
  }
}

.login-holder--terms-and-conditions .panel-login h2 {
  margin: 10px 0;
  border-bottom: 1px solid #cccccc;
}

@media only screen and (min-width: 768px) {
  .login-holder--terms-and-conditions .panel-login h2 {
    margin: 0;
    padding: 20px 15px;
  }
}

.login-holder--terms-and-conditions .panel-login-header {
  position: relative;
  background-color: #eee;
  overflow: hidden;
}

.login-holder--terms-and-conditions .panel-login-header .progressbar {
  max-width: 300px;
  margin: 25px auto;
  padding: 0;
  overflow: hidden;
}

.login-holder--terms-and-conditions .panel-login-header .progressbar li {
  position: relative;
  float: left;
  width: 50%;
  padding-top: 30px;
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
  float: right;
  color: #4d4d4d;
}

.login-holder--terms-and-conditions .panel-login-header .progressbar li span[class^="icon-"] {
  position: absolute;
  top: 0;
  width: 30px;
  font-size: 13px;
  font-size: .86667rem;
  color: #fff;
  background-color: #2b8804;
  border-radius: 15px;
  z-index: 5;
}

.login-holder--terms-and-conditions .panel-login-header .progressbar li.activation span[class^="icon-"] {
  line-height: 26px;
  color: #4f4f4f;
  background-color: #fff;
  border: 2px solid #CCC;
}

.login-holder--terms-and-conditions .panel-login-header .progressbar li.activation:before {
  content: '\e617';
  font-family: 'icomoon';
  position: absolute;
  top: -2px;
  left: -0px;
  font-size: 25px;
  font-size: 1.66667rem;
  color: #2b8804;
}

.login-holder--terms-and-conditions .panel-login-header .progressbar li.activation.active span[class^="icon-"] {
  right: 0;
  left: auto;
}

.login-holder--terms-and-conditions .panel-login-header .progressbar li.activation.active:after {
  left: auto;
}

.login-holder--terms-and-conditions .panel-login-header .progressbar li.finished.terms span[class^="icon-"] {
  left: 10px;
  color: #fff;
  background-color: #2b8804;
}

.login-holder--terms-and-conditions .panel-login-header .progressbar li.active span[class^="icon-"] {
  left: 0;
  width: 45px;
  line-height: 30px;
  color: #fff;
  background-color: #2b8804;
  border: none;
}

.login-holder--terms-and-conditions .panel-login-header .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;
}

.login-holder--terms-and-conditions .panel-login-content {
  padding: 10px;
  background-color: #fff;
  font-size: 13px;
  font-size: .86667rem;
}

@media only screen and (min-width: 768px) {
  .login-holder--terms-and-conditions .panel-login-content {
    padding: 0 30px 30px;
    font-size: 15px;
    font-size: 1rem;
  }
}

.login-holder--terms-and-conditions .panel-login-content .login-panel {
  margin: 10px 0px;
  border: 1px solid #b7b7b7;
  padding: 10px;
}

.login-holder--terms-and-conditions .panel-login-content .login-panel h2,
.login-holder--terms-and-conditions .panel-login-content .login-panel h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  margin-bottom: 5px;
}

.login-holder--terms-and-conditions .panel-login-content .mCS-digical .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #f5f5f5;
}

.login-holder--terms-and-conditions .panel-login-content .privacy-text {
  position: relative;
  height: 250px;
}

.login-holder--terms-and-conditions .panel-login-content .privacy-text .self-care__scroll-wrapper {
  height: 100%;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15) inset;
  box-shadow: 0 0 5px rgba(0,0,0,0.15) inset;
}

.login-holder--terms-and-conditions .panel-login-content .privacy-text .self-care__scroll-wrapper .scroll-container {
  padding: 10px;
}

@media only screen and (min-width: 768px) {
  .login-holder--terms-and-conditions .panel-login-content #termsAndConditions {
    padding: 0 15px;
  }
}

.login-holder--terms-and-conditions .panel-login-content #termsAndConditions ol {
  padding: 0;
  list-style-position: inside;
}

.login-holder--terms-and-conditions .panel-login-content #termsAndConditions ol ul {
  padding-left: 20px;
}

.login-holder--terms-and-conditions .panel-login-content .printable-version {
  padding: 20px 0;
}

@media only screen and (min-width: 768px) {
  .login-holder--terms-and-conditions .panel-login-content .printable-version {
    padding: 20px 15px;
  }
}

.login-holder--terms-and-conditions .panel-login-content .login--form-group {
  margin: 30px 0;
}

@media only screen and (min-width: 768px) {
  .login-holder--terms-and-conditions .panel-login-content .login--form-group {
    padding: 0 30px;
    margin: 30px 0;
  }
}

.login-holder--terms-and-conditions .panel-login-content .login--form-group.current-password {
  padding: 0 0 30px;
  border-bottom: 1px solid #CCC;
}

@media only screen and (min-width: 768px) {
  .login-holder--terms-and-conditions .panel-login-content .login--form-group.current-password {
    padding: 30px;
    border-bottom: 1px solid #CCC;
  }
}

.login-holder--terms-and-conditions .panel-login-content .action-butons-container {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) {
  .login-holder--terms-and-conditions .panel-login-content .action-butons-container {
    margin-top: 70px;
  }
}

.login-holder--terms-and-conditions .panel-login-content label {
  display: inline-block;
  color: #4d4d4d;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  text-align: left;
  line-height: 1;
}

.login-holder--terms-and-conditions .panel-login-content .hint-holder {
  position: relative;
}

.login-holder--terms-and-conditions .panel-login-content .hint-holder .password-hint-wrapper {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
}

.login-holder--terms-and-conditions .panel-login-content .hint-holder .password-hint-wrapper.active {
  display: block;
}

.login-holder--terms-and-conditions .panel-login-content .hint-holder .password-hint-wrapper:before,
.login-holder--terms-and-conditions .panel-login-content .hint-holder .password-hint-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  width: 0;
  height: 0;
  border-top: 10px solid #CCC;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.login-holder--terms-and-conditions .panel-login-content .hint-holder .password-hint-wrapper:after {
  border-top: 10px solid #fff;
  bottom: 1px;
}

.login-holder--terms-and-conditions .panel-login-content .hint-holder .password-hint-wrapper .password-hint {
  position: relative;
  min-width: 150px;
  max-width: 300px;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 13px;
  font-size: .86667rem;
}

.login-holder--terms-and-conditions .panel-login-content .hint-holder .password-hint-wrapper .password-hint .title {
  font-weight: 700;
  margin-bottom: 10px;
}

.login-holder--terms-and-conditions .panel-login-content .hint-holder .password-hint-wrapper .password-hint ul {
  margin: 0;
  padding: 0;
  list-style: inside;
}

@media only screen and (min-width: 768px) {
  label.error:before {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media only screen and (min-width: 768px) {
  .post-title-navigation {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1024px) {
  .post-title-navigation {
    margin-top: 0;
  }
}

.login__h1 {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 400;
  color: #fff;
}

.login__main {
  margin: 15px 10px 0;
}

@media only screen and (min-width: 768px) {
  .login__main {
    max-width: 680px;
    margin: 0 auto;
  }
}

.login__main__title {
  margin: 0 0 30px;
}

.login__mainRow {
  position: relative;
  z-index: 1;
  margin: 10px 0;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

.login__mainRow-secondRow {
  padding: 24px 16px;
  background-color: rgba(255,255,255,0.95);
}

@media only screen and (min-width: 768px) {
  .login__mainRow-secondRow {
    padding: 32px 40px;
  }
}

.login__loginForm-wrapper .alert {
  margin: 0;
  border-radius: 0;
}

@media only screen and (min-width: 768px) {
  .login__loginForm-wrapper {
    position: relative;
    display: table-cell;
    width: 58%;
    background-color: #fff;
    -webkit-box-shadow: -2px 0 2px rgba(0,0,0,0.15);
    box-shadow: -2px 0 2px rgba(0,0,0,0.15);
    vertical-align: top;
  }
}

.login__loginForm-wrapper--noShadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.login .loginForm__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  color: #262626;
  margin-bottom: 16px;
}

.login .loginForm__titleTooltip {
  float: right;
  padding: 0;
  font-size: 18px;
  font-size: 1.2rem;
  color: gray;
}

.login__verticalTabsWrapper {
  display: table-cell;
  width: 30%;
  vertical-align: top;
  background-color: #f5f5f5;
}

.login__commercial {
  display: table-cell;
  width: 42%;
  vertical-align: middle;
  text-align: center;
  padding: 40px;
  z-index: 2;
}

.login__commercial:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 42%;
  z-index: -1;
  background-color: #f5f5f5;
}

.login__commercial__image {
  display: block;
  height: 100px;
  max-width: 200px;
  margin: 0 auto;
}

.login__commercial__title {
  margin: 30px 0;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 700;
  line-height: 1.14;
  color: #262626;
}

.login__commercial__text {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.33;
  color: #4d4d4d;
}

.login__withBank {
  text-align: right;
  color: #fff;
}

.login__withBank .withBankLogo {
  color: #fff;
}

.login__withBank .withBankLogo:hover,
.login__withBank .withBankLogo:active,
.login__withBank .withBankLogo.active {
  color: #fff;
}

.login__withBank .withBankLogo__img {
  width: 90px;
  display: inline-block;
  vertical-align: baseline;
}

.login__withBank .withBankLogo__label {
  display: inline-block;
  font-size: 16px;
  font-size: 1.06667rem;
}

.secondRow__links {
  font-size: 0;
  text-align: center;
  padding: 0;
}

.secondRow__links>.btn-clear {
  width: 33.333%;
  padding: 0 10px;
  vertical-align: top;
  color: #262626;
}

.secondRow__links>.btn-clear .buttonIconSpacer {
  padding-bottom: 8px;
}

.secondRow__links>.btn-clear .buttonIconSpacer .button-label {
  line-height: 1.2;
}

.secondRow__links>.btn-clear .buttonIconSpacer span[class^="icon-"] {
  font-size: 20px;
  font-size: 1.33333rem;
}

.secondRow__links>.btn-clear+.btn-clear {
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  .secondRow__links {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .secondRow__links {
    margin-bottom: 20px;
  }
}

.secondRow__links .noBold {
  font-weight: 300;
}

.login-method>a {
  display: block;
  padding: 10px;
  margin-bottom: 15px;
  color: #4d4d4d;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.login-method>a .custom-caret {
  position: absolute;
  width: 50px;
  height: auto;
  top: 5px;
  right: 0;
  bottom: 5px;
  color: #4d4d4d;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.login-method>a .custom-caret:after {
  position: absolute;
  right: 0;
  top: 12px;
  bottom: 0;
  width: 50px;
  content: "\e61b";
  font-family: 'icomoon';
  font-size: 7px;
  font-size: .46667rem;
  text-align: center;
}

.login-method .dropdown-menu {
  left: auto;
  right: 0;
}

.login-method .dropdown-menu .dropdown-text-mobile {
  display: block;
  font-weight: 700;
  padding: 10px 10px;
  margin: 0 5px 10px;
  border-bottom: 1px solid #E2E2E2;
}

.secondRow__item {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.secondRow__item .icon-in-btn+.button-label {
  margin-left: 0;
  text-align: center;
  line-height: 1.2;
}

.secondRow__item .btn-clear.vcenter {
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .secondRow__item .btn-clear.vcenter {
    float: left !important;
  }
}

.btn-clear {
  padding: 0;
  height: auto;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 500;
  color: #262626;
  border: none;
  background-color: transparent;
  width: 26%;
}

.btn-clear span[class^="icon-"] {
  font-size: 16px;
  font-size: 1.06667rem;
  vertical-align: middle;
  display: block;
  color: gray;
  text-align: center;
  margin-bottom: 8px;
}

.btn-clear--underlined .button-label {
  text-decoration: underline;
}

.btn-clear+.btn-clear {
  margin-left: 30px;
}

.btn-clear:hover,
.btn-clear:focus {
  color: #F36F20;
}

.appDownload {
  text-align: center;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .appDownload {
    text-align: right;
  }
}

.appDownload__span {
  font-size: 12px;
  font-size: .8rem;
  display: block;
  text-align: center;
  font-weight: 500;
  margin-bottom: 6px;
  color: #262626;
}

@media only screen and (max-width: 767px) {
  .appDownload__span {
    display: block;
    margin-bottom: 7px;
  }
}

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

.appDownload__badgeLink img {
  height: 30px;
}

.appDownload__badgeLink+.appDownload__badgeLink {
  margin-left: 10px;
}

@media only screen and (min-width: 768px) {
  .appDownload__wrapper {
    float: right;
  }
}

.login-tip {
  font-size: 12px;
  font-size: .8rem;
}

.loginTabs>li {
  display: table;
  width: 50%;
}

.loginTabs>li.active a {
  font-weight: 500;
  color: #262626;
}

.loginTabs>li>a {
  display: table-cell;
  width: 100%;
  height: 56px;
  padding: 0 10px;
  font-size: 18px;
  font-size: 1.2rem;
  background-color: #f5f5f5;
  vertical-align: middle;
  color: #262626;
  font-weight: 300;
}

.loginTabs>li>a:after {
  display: none;
}

.vcenter.loginSmart-bottom {
  vertical-align: middle;
  display: inline-block;
}

.login-options--tab-content {
  padding: 18px 20px;
  background-color: #fff;
}

@media only screen and (min-width: 768px) {
  .login-options--tab-content {
    padding: 40px 40px 22px;
  }
}

@media only screen and (min-width: 768px) {
  .login-options--tab-content--extraPadding {
    padding: 16px 64px 22px;
  }
}

.login-SmartAuthToDoList {
  position: relative;
  list-style: none;
  padding-left: 25px;
}

.login-SmartAuthToDoList>li {
  font-size: 12px;
  font-size: .8rem;
  color: gray;
  margin: 0px 0 8px;
  counter-increment: liCounter;
}

.login-SmartAuthToDoList>li:last-child {
  margin: 0;
}

.login-SmartAuthToDoList>li:before {
  content: counter(liCounter);
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 17px;
  border-radius: 50%;
  background-color: #F36F20;
  font-size: 10px;
  color: #fff;
  text-align: center;
}

.qrImgHolder {
  position: relative;
}

.qrImgHolder.inactive .qrReloadBtn {
  display: block;
}

.qrReloadBtn {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px 0;
  background-color: rgba(255,255,255,0.7);
  opacity: 0;
  color: #333333;
  text-align: center;
  border: none;
  -webkit-transition: opacity .5s ease .1s;
  transition: opacity .5s ease .1s;
}

.qrReloadBtn span[class^="icon"] {
  display: block;
  font-size: 28px;
}

.qrReloadBtn .button-label {
  font-size: 12px;
}

.qrReloadBtn.active {
  opacity: 1;
}

.qrReloadBtn.active:hover,
.qrReloadBtn.active:focus {
  background-color: rgba(255,255,255,0.9);
}

.loginPageTitleWrapper {
  margin-bottom: 20px;
}

.login-messages {
  display: table;
  width: 100%;
  height: 100%;
  background-color: #fff;
  text-align: center;
}

.login-messages .vcenter-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.login-messages .vcenter-table-cell .browser-icon {
  font-size: 30px;
  font-size: 2rem;
  margin: 15px 0;
}

.login-messages .vcenter-table-cell .browser-title {
  font-size: 20px;
  font-size: 1.33333rem;
  margin-bottom: 15px;
}

.login-overlay {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .login-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}

.login-overlay__pane-description {
  font-size: 12px;
  font-size: .8rem;
  margin-bottom: 15px;
  min-height: 90px;
}

@media only screen and (min-width: 768px) {
  .login-overlay__pane-description {
    min-height: 70px;
  }
}

.login-messages__title {
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 700;
  color: #262626;
}

.termsAndConditions__modal .modal-body {
  padding: 0 50px 30px;
}

.termsAndConditions__modal .checkAndAccept__check {
  float: left;
  width: 70%;
  text-align: left;
}

.termsAndConditions__modal .checkAndAccept__accept {
  float: left;
  width: 30%;
  text-align: right;
}

.termsAndConditions__documentContainer {
  position: relative;
  padding: 25px;
  height: 280px;
  border-radius: 8px;
  background-color: #fff;
  border: solid 1px #e6e6e6;
  text-align: left;
  overflow: scroll;
}

.termsAndConditions__document p,
.termsAndConditions__document li {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.5;
  color: #4d4d4d;
}

.termsAndConditions__documentTitle {
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 700;
  color: #262626;
}

.delegatingUsers {
  text-align: left;
  margin-bottom: 25px;
}

.logonFormHolder__title {
  font-size: 20px;
  font-size: 1.33333rem;
  padding-bottom: 22px;
}

.backgroundImageWrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.backgroundImageWrapper .imgWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
}

.backgroundImageWrapper .smallImgWrapper {
  -webkit-filter: blur(50px);
  filter: blur(50px);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

.backgroundImageWrapper .smallImgWrapper.loaded {
  opacity: 1;
}

.backgroundImageWrapper .mainImgWrapper {
  -webkit-transition: opacity 2s linear;
  transition: opacity 2s linear;
}

.backgroundImageWrapper .mainImgWrapper.loaded {
  opacity: 1;
}

.loginIntroduction__text {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.33;
  color: #262626;
}

.loginIntroduction__text--strong {
  font-weight: 500;
}

.login__mainRow--inline.secondRow__links {
  width: 100%;
  text-align: left;
}

.secondRow__linksContainer--inline {
  width: 50%;
  display: inline-block;
  padding-right: 40px;
}

.secondRow__linksContainer--inline .buttonIconSpacer {
  display: inline-block;
  float: left;
  padding-right: 16px;
}

@media only screen and (max-width: 767px) {
  .secondRow__linksContainer--inline .buttonIconSpacer {
    float: none;
    padding-right: 0px;
  }
}

.secondRow__linksContainer--inline+.secondRow__linksContainer--inline {
  padding-left: 16px;
}

.preLogin__textButton {
  display: inline-block;
}

.preLogin__textButton br {
  display: none;
}

.login-holder--title {
  color: #fff;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 0.86;
}

.publicPortalLoginBody {
  background-color: transparent;
  background-image: none;
}

.publicPortalLoginForm {
  background-color: #fff;
}

.publicPortalLoginForm * {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media only screen and (min-width: 768px) {
  .publicPortalLoginForm .form-group {
    margin-bottom: 16px;
  }
}

.publicPortalLoginForm a {
  font-weight: 600;
}

.publicPortalLoginForm .login--body {
  padding: 32px;
  min-height: auto;
}

.publicPortalLoginForm .login--main {
  margin: 0;
}

.publicPortalLoginForm label {
  color: #4d4d4d;
}

.publicPortalLoginForm .withIcon .iconCover {
  border-left: 0 !important;
  font-size: 15px;
  font-size: 1rem;
}

.publicPortalLoginForm .withIcon .inputMaterial__input {
  text-align: left;
}

.publicPortalLoginForm .publicPortalLoginForm__title {
  font-size: 22px;
  font-size: 1.46667rem;
  color: #F36F20;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

.publicPortalLoginForm .publicPortalLoginForm__link,
.publicPortalLoginForm .btn-pure-small {
  font-size: 12px;
  font-size: .8rem;
  color: #F36F20;
  font-weight: 600;
  text-transform: none;
}

.publicPortalLoginForm .btn {
  border-radius: 0;
}

.publicPortalLoginForm .publicPortalLoginForm__alert {
  margin: 24px -32px -32px -32px;
  border-radius: 0;
  color: #fff;
  padding: 16px;
  background-color: #c63200;
}

.publicPortalLoginForm .publicPortalLoginForm__alert * {
  color: #fff;
}

.publicPortalLoginForm #browserNotSupportedMessage .vcenter-table-cell .padding_15 {
  padding: 0;
}

.publicPortalLoginForm #browserNotSupportedMessage .vcenter-table-cell .padding_15 .btn {
  width: 100%;
}

.publicPortalLoginForm #browserNotSupportedMessage .vcenter-table-cell .padding_15 .pane-title {
  text-align: left;
}

.publicPortalLoginForm #browserNotSupportedMessage .vcenter-table-cell .padding_15 .pane-title .login-messages__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
}

.publicPortalLoginForm #browserNotSupportedMessage .vcenter-table-cell .padding_15 .pane-title .loginPublicPortal-messages__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0;
  color: #4d4d4d;
}

.publicPortalLoginForm #browserNotSupportedMessage .vcenter-table-cell .padding_15 .pane-title .icon {
  display: none;
}

.publicPortalLoginForm #browserNotSupportedMessage .login-overlay__pane-description {
  padding: 0;
  text-align: left;
  min-height: auto;
}

.publicPortalLoginForm #browserNotSupportedMessage .loginPublicPortal-overlay__pane-description {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.67;
  letter-spacing: 0;
  text-align: left;
  color: #4d4d4d;
  padding-bottom: 16px;
}

.error-page {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #fff;
}

.error-page .outer-wrap {
  height: 100%;
}

.error-page--header {
  position: relative;
  padding: 30px 0;
  background-color: rgba(255,255,255,0.1);
  border-bottom: 1px solid #CCC;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.error-page--header .login--logo {
  margin-top: 5px;
}

.error-page--header .navbar {
  margin-bottom: 0;
  min-height: 0;
}

.error-page--header .dropdown {
  display: inline-block;
}

.error-page--header .dropdown.language>a {
  display: inline-block;
  color: #fff;
  background-color: none;
  border: none;
  padding: 0;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.error-page--header .dropdown.language>a:hover,
.error-page--header .dropdown.language>a:focus {
  color: #000;
  background-color: fade(#fff, 60%);
}

.error-page--header .dropdown.language>a .dropdown-text {
  display: none;
}

.error-page--header .dropdown.language>a .custom-caret {
  position: relative;
  display: block;
  width: 40px;
  height: 37px;
  border-left: 1px solid #fff;
  color: #fff;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.error-page--header .dropdown.language>a .custom-caret:after {
  position: absolute;
  right: 0;
  top: 12px;
  bottom: 0;
  width: 43px;
  content: "\e61b";
  font-family: 'icomoon';
  font-size: 7px;
  font-size: .46667rem;
  text-align: center;
}

.error-page--header .dropdown .dropdown-menu {
  left: auto;
  right: 0;
  border-radius: 0;
}

.error-page--header .dropdown .dropdown-menu .dropdown-text-mobile {
  display: block;
  font-weight: 700;
  padding: 10px 10px;
  margin: 0 5px 10px;
  border-bottom: 1px solid #E2E2E2;
}

.error-page--body {
  padding-bottom: 0;
}

.error-page--body h1 {
  font-size: 100px;
  font-size: 6.66667rem;
  font-weight: 700;
  margin: 50px 0;
}

.error-page--body h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 700;
}

.error-page--body h3 {
  margin: 30px 0 10px 0;
}

.error-page--body ul {
  text-align: left;
  max-width: 500px;
  margin: 20px auto;
}

.error-page .custom-select-container {
  position: relative;
}

.error-page select.custom.replaced {
  position: relative;
  width: 100%;
  height: 45px;
  border: 0;
  opacity: 0;
  line-height: 2;
  z-index: 10;
}

.error-page select.custom.replaced option {
  padding: 10px 0;
}

.error-page .custom-select-menu {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: left;
  border: none;
  background-color: fade(#fff, 60%);
  z-index: 1;
}

.error-page .custom-select-menu>span {
  display: inline-block;
  line-height: 45px;
  padding: 0 0 0 10px;
  position: relative;
  width: 100%;
  margin: 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.error-page .custom-select-menu>span:after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 43px;
  content: "\e61b";
  font-family: 'icomoon';
  font-size: 8px;
  font-size: .53333rem;
  text-align: center;
  border-left: 1px solid #9b9b9b;
  background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) {
  .error-page--header {
    padding: 30px;
  }

  .error-page--header .dropdown.language>a {
    display: inline-block;
    color: #fff;
    background-color: none;
    border: 1px solid #fff;
    padding: 7px 60px 7px 10px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
  }

  .error-page--header .dropdown.language>a:hover,
  .error-page--header .dropdown.language>a:focus {
    color: #000;
    background-color: fade(#fff, 60%);
  }

  .error-page--header .dropdown.language>a .custom-caret {
    position: absolute;
    width: 40px;
    height: auto;
    top: 1px;
    right: 0;
    bottom: 1px;
    border-left: 1px solid #fff;
    color: #fff;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
  }

  .error-page--header .dropdown.language>a .custom-caret:after {
    position: absolute;
    right: 0;
    top: 12px;
    bottom: 0;
    width: 43px;
    content: "\e61b";
    font-family: 'icomoon';
    font-size: 7px;
    font-size: .46667rem;
    text-align: center;
  }

  .error-page--header .dropdown.language>a .dropdown-text {
    display: inline;
  }

  .error-page--header .dropdown .dropdown-menu {
    left: 0;
    right: 0;
  }

  .error-page--header .dropdown .dropdown-menu .dropdown-text-mobile {
    display: none;
  }

  .error-page--body {
    padding-bottom: 300px;
  }

  .error-page--body .login--notification {
    margin-top: 90px;
  }
}

@media only screen and (min-width: 1024px) {
  .error-page--body {
    padding-bottom: 220px;
  }
}

.error404 {
  padding: 30px 0;
}

@media only screen and (min-width: 768px) {
  .error404 {
    padding: 70px 0;
  }
}

.error404__image {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}

.error404__image img {
  margin: 0 auto;
}

.error404__title,
.error404__text {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.3em;
  max-width: 90%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .error404__title,
  .error404__text {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.error404__title {
  margin-top: 30px;
}

.error404__btn {
  margin-top: 35px;
}

.errorPanel {
  text-align: center;
  padding: 40px 0 !important;
}

@media only screen and (min-width: 768px) {
  .errorPanel {
    padding: 70px 0 !important;
  }
}

.errorPanel__image {
  margin: 0 auto;
}

.errorPanel__strongTitle {
  text-transform: uppercase;
  font-weight: 700;
  color: gray;
}

.errorPanel__title,
.errorPanel__text {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1.3em;
  max-width: 90%;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .errorPanel__title,
  .errorPanel__text {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.errorPanel__title {
  margin-top: 30px;
}

.errorPanel__btn {
  margin-top: 35px;
}

.errorPanel .imageError {
  width: 400px;
  margin: 0 auto;
  padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .errorPanel .imageError {
    width: 300px;
  }
}

.errorPanel .errorPanel__text {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  text-align: center;
  color: #262626;
}

.errorPanel .errorPanel__btn {
  margin-top: 24px;
}

@media only screen and (min-width: 768px) {
  .error500 .error--header {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  .error500 .wrapper {
    padding: 0;
  }
}

.error500__body {
  min-height: -webkit-calc(100vh - 285px);
  min-height: calc(100vh - 285px);
}

@media only screen and (min-width: 768px) {
  .error500__body {
    min-height: -webkit-calc(100vh - 188px);
    min-height: calc(100vh - 188px);
  }
}

@media only screen and (min-width: 1024px) {
  .error500__body {
    min-height: -webkit-calc(100vh - 188px);
    min-height: calc(100vh - 188px);
  }
}

.error500__body>h2 {
  margin-top: 10%;
}

.bulk-payments-details-header {
  margin: 0 10px 10px;
  padding: 10px 0 0;
  border-bottom: 1px solid #ccc;
}

@media only screen and (min-width: 768px) {
  .bulk-payments-details-header {
    margin: 0 80px;
    padding: 50px 0 0;
  }
}

.bulk-payments-details-header .title {
  padding-bottom: 10px;
  border-bottom: 5px solid #f5f5f5;
}

@media only screen and (min-width: 768px) {
  .bulk-payments-details-header .title {
    font-size: 30px;
    font-size: 2rem;
  }
}

.bulk-payments-details-header .close-payment {
  position: absolute;
  top: -40px;
  right: 0;
}

@media only screen and (min-width: 768px) {
  .bulk-payments-details-header .close-payment {
    top: -45px;
  }
}

.bulk-payments-details-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);
}

.bulk-payments--details .transfer--details {
  background-color: transparent;
}

.bulk-payments--details .transfer--details .status--executed {
  color: #2b8804;
}

.bulk-payments--details .transfer--details .status--rejected {
  color: #DE5B3D;
}

.bulk-payments--details .transfer--details .status--executed span[class^="icon-"],
.bulk-payments--details .transfer--details .status--rejected span[class^="icon-"] {
  padding-right: 10px;
}

@media only screen and (min-width: 768px) {
  .bulk-payments--details .transfer--details>.row {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.bulk-payments--details-list {
  border-top: 1px solid #f5f5f5;
}

.bulk-payments--details-list h3 {
  color: #4d4d4d;
  font-weight: 300;
  text-align: center;
  margin: 20px 0;
}

@media only screen and (min-width: 768px) {
  .bulk-payments--details-list h3 {
    margin: 30px 0;
  }
}

.bulk-payments--details-list h3 .count {
  color: #404040;
}

.browseFile input.upload {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.upload-description {
  text-align: center;
  font-weight: 300;
  padding: 0 0 20px 0;
  font-size: 15px;
  font-size: 1rem;
}

@media only screen and (min-width: 768px) {
  .upload-description {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.upload-note {
  font-size: 13px;
  font-size: .86667rem;
  text-align: center;
  font-weight: 300;
  padding: 5px 0;
}

@media only screen and (min-width: 768px) {
  .upload-note {
    font-size: 16px;
    font-size: 1.06667rem;
    text-align: center;
    font-weight: 300;
    padding: 25px 0;
  }
}

#fileNameInput {
  font-weight: 700;
  margin: 15px 0 15px 0;
}

.fileUploadTable {
  margin: 20px 0px 20px 0px;
  border: 1px solid #CFCFCF;
}

.fileUploadTable thead {
  background-color: #f5f5f5;
}

.fileUploadTable tbody {
  height: 100px;
  overflow: auto;
}

.fileUploadTable tbody tr>th,
.fileUploadTable tbody tr>td {
  border: none;
}

.action-list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  white-space: nowrap;
}

@media only screen and (min-width: 768px) {
  .action-list {
    text-align: left;
  }
}

.action-list li {
  padding: 5px 0;
}

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

@media only screen and (min-width: 768px) {
  .action-list li+li {
    margin-left: 20px;
  }
}

.fileNamePreview {
  text-align: center;
  height: 50px;
}

@media only screen and (min-width: 768px) {
  .fileNamePreview {
    text-align: left;
  }
}

.fileNamePreview span {
  display: block;
  padding: 0 16px;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  background-color: #eee;
  border-radius: 3px;
  height: 50px;
  line-height: 50px;
}

@media only screen and (min-width: 768px) {
  .upload-col-list {
    padding: 0 100px 0 130px;
  }
}

.previewList-row .dataError {
  color: #DE5B3D;
  font-weight: 500;
}

.bulk-payments-list .w70,
.bulk-payments-list .w25,
.bulk-payments-list .w-date,
.bulk-payments-list .w-name,
.bulk-payments-list .w-amount,
.bulk-payments-list .w-paid-amount,
.bulk-payments-list .w-unpaid-amount,
.bulk-payments-list .w-ref-id {
  width: 100%;
}

.bulk-payments-list .w-action {
  position: absolute;
  top: 20px;
  right: 0;
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list .w-action {
    width: 5%;
  }
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list .w70 {
    width: 70%;
  }
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list .w25 {
    width: 25%;
  }
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list .w-date {
    width: 15%;
  }
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list .w-name {
    width: 18%;
  }
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list .w-paid-amount {
    width: 15%;
  }
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list .w-unpaid-amount {
    width: 15%;
  }
}

.bulk-payments-list .w-amount {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list .w-amount {
    width: 15%;
  }
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list .w-ref-id {
    width: 20%;
  }
}

.bulk-payments-list .pr-inner {
  display: block;
  padding: 10px;
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list .pr-inner {
    display: inline;
    padding: 0;
  }
}

.bulk-payments-list .button-holder {
  padding: 15px 0;
}

.bulk-payments-list .button-holder--wrapper {
  float: right;
}

.bulk-payments-list .button-holder--wrapper .filter-holder {
  margin-right: 15px;
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list .button-holder--wrapper .filter-holder {
    margin-right: 30px;
  }
}

.bulk-payments-list .mobile-blocked {
  display: block;
}

.bulk-payments-list .large-checkbox {
  width: 5%;
}

.bulk-payments-list .format-date {
  font-size: 13px;
  font-size: .86667rem;
  color: #404040;
}

.bulk-payments-list--header {
  padding: 20px 15px;
  overflow: hidden;
  font-weight: 400;
}

.bulk-payments-list--row {
  position: relative;
  font-size: 15px;
  font-size: 1rem;
  border-bottom: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list--row {
    padding: 18px 15px;
  }
}

.bulk-payments-list--row:last-child {
  border-bottom: none;
}

.bulk-payments-list--row.headling .large-checkbox,
.bulk-payments-list--row.overview--headling .large-checkbox {
  padding: 0;
}

.bulk-payments-list--row .amount-text {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 400;
}

.bulk-payments-list .headling,
.bulk-payments-list .overview--headling {
  font-size: 11px;
  font-size: .73333rem;
  text-transform: uppercase;
  background-color: #fafafa;
  border-bottom: none;
}

@media only screen and (max-width: 767px) {
  .bulk-payments-list .headling,
  .bulk-payments-list .overview--headling {
    padding: 3px 10px;
  }
}

@media only screen and (min-width: 768px) {
  .bulk-payments-list .nav-tabs-holder {
    height: 60px;
  }
}

.col-sort {
  cursor: pointer;
}

.col-sort:after {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 5px;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #818181;
}

.col-sort.inverted:after {
  border-top: none;
  border-bottom: 5px solid #818181;
}

.alert-with-popup {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.alert-with-popup .icon-warning {
  color: #DE5B3D;
  margin: 0 10px;
}

.alert-with-popup .alert-popup {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  width: 300px;
  margin-top: 15px;
  font-size: 13px;
  font-size: .86667rem;
  padding: 15px;
  background-color: #f5f5f5;
}

.alert-with-popup .alert-popup .close {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0.9;
}

.alert-with-popup .alert-popup .title {
  font-weight: 700;
}

.alert-with-popup.active:after {
  position: absolute;
  content: "";
  top: 25px;
  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 #f5f5f5;
  z-index: 500;
}

.alert-with-popup.active .alert-popup {
  display: block;
  z-index: 500;
}

.alert-with-popup.warning.active .alert-popup {
  padding: 15px 15px 15px 45px;
}

.alert-with-popup.warning.active .alert-popup:before {
  content: "\e634";
  position: absolute;
  top: 15px;
  left: 20px;
  font-family: "icomoon";
  font-size: 16px;
  font-size: 1.06667rem;
  color: #DE5B3D;
}

.alert-with-popup span[class^="icon-"] {
  cursor: pointer;
}

.previewContainer {
  font-size: 14px;
  font-size: .93333rem;
  border: 1px solid #eee;
}

.previewContainer .previewList--wrapper .scroller {
  position: relative;
  height: 310px;
  overflow: hidden;
}

.previewContainer .previewList--wrapper .previewList-header {
  padding: 5px 0 5px 30px;
  font-size: 12px;
  font-size: .8rem;
  text-transform: uppercase;
  background-color: #eee;
  overflow: hidden;
}

.previewContainer .previewList--wrapper .previewList-body .previewList-row {
  position: relative;
  padding: 5px 0 5px 30px;
}

.previewContainer .previewList--wrapper .previewList-body .previewList-row .rowError {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -8px;
}

.previewContainer .previewList--wrapper .previewList-body .previewList-row .rowError span[class^="icon-"] {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #DE5B3D;
}

@media only screen and (min-width: 768px) {
  .previewContainer .previewList--wrapper .previewList-body .previewList-row .rowError {
    left: 13px;
  }
}

.previewContainer .previewList--wrapper .previewList-body .previewList-row .rowError.info-with-popup.active .info-popup {
  right: auto;
  left: -20px;
  min-height: 0;
  padding: 20px;
}

.previewContainer .previewList--wrapper .previewList-body .previewList-row+.previewList-row {
  border-top: 1px solid #eee;
}

@media only screen and (min-width: 768px) {
  .previewContainer .previewList--wrapper .previewList-body .previewList-row+.previewList-row {
    border-top: none;
  }
}

.previewContainer .previewList--wrapper .col-name,
.previewContainer .previewList--wrapper .col-account,
.previewContainer .previewList--wrapper .col-type,
.previewContainer .previewList--wrapper .col-ammt {
  padding: 0 5px;
  text-align: left;
  word-break: break-all;
}

@media only screen and (min-width: 768px) {
  .previewContainer .previewList--wrapper .col-name,
  .previewContainer .previewList--wrapper .col-account,
  .previewContainer .previewList--wrapper .col-type {
    float: left;
  }
}

@media only screen and (min-width: 768px) {
  .previewContainer .previewList--wrapper .col-name {
    width: 20%;
  }
}

@media only screen and (min-width: 768px) {
  .previewContainer .previewList--wrapper .col-account {
    width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .previewContainer .previewList--wrapper .col-type {
    text-align: right;
  }
}

@media only screen and (min-width: 768px) {
  .previewContainer .previewList--wrapper .col-type {
    width: 30%;
  }
}

.previewContainer .previewList--wrapper .col-ammt {
  font-weight: 700;
  text-align: right;
  padding: 0 15px 0 5px;
}

@media only screen and (min-width: 768px) {
  .previewContainer .previewList--wrapper .col-ammt {
    float: left;
    width: 25%;
  }
}

.previewContainer .previewList--wrapper .mCSB_inside>.mCSB_container .previewRow {
  margin-right: -18px;
}

.previewContainer .upload-description {
  margin-top: 5px;
}

@media only screen and (min-width: 768px) {
  .previewContainer .upload-description {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .bulkPaymentButton {
    display: block;
    margin-top: -36px;
    margin-right: 50px;
  }
}

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

.filter-bulk-holder .transactions-adjust-menu.filter-menu {
  z-index: 2;
  padding: 22px;
  border-radius: 1px;
  border: solid 1px #d9d9d9;
  background-color: #f5f5f5;
  margin-top: 14px;
}

.filter-bulk-holder .transactions-adjust-menu.filter-menu .custom-radio-group li+li {
  border-bottom: 0;
  border-top: 0;
}

.filter-bulk-holder .transactions-adjust-menu.filter-menu .custom-radio-group {
  border-bottom: 0;
}

.filter-bulk-holder .btn-circle:hover span {
  color: #F36F20;
}

.filter-bulk-holder .btn-circle {
  z-index: 3;
}

.filter-bulk-holder.active .btn-circle {
  position: relative;
}

.filter-bulk-holder.active .btn-circle:after {
  position: absolute;
  bottom: -21px;
  left: 50%;
  margin-left: -8px;
  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: 9;
}

.filter-bulk-holder.active .btn-circle {
  background: #F36F20;
}

.filter-bulk-holder.active .btn-circle span {
  color: #fff;
}

.bulk-payments-list {
  min-height: 500px;
}

.offset-y_3_up {
  position: relative;
  top: -3px;
}

.offset-y_2_down {
  position: relative;
  top: 3px;
}

.offset-y_5_up {
  position: relative;
  top: -5px;
}

.offset-y_5_down {
  position: relative;
  top: 5px;
}

.offset-y_10_down {
  position: relative;
  top: 10px;
}

.offset-y_15_down {
  position: relative;
  top: 15px;
}

.larger-text {
  font-size: 2em;
}

.smaller-text {
  font-size: 0.8em;
}

.light-text {
  font-weight: 300;
}

.large {
  font-size: 2em;
}

.small {
  font-size: 0.8em;
}

.mid {
  font-size: 1.4em;
}

.font18px {
  font-size: 18px;
}

.font16px {
  font-size: 16px;
}

.font13px {
  font-size: 13px;
}

.white {
  color: #FFF !important;
}

.black {
  color: #000 !important;
}

.gray {
  color: #404040;
}

.orange {
  color: #F36F20;
}

.yellow {
  color: #ffcc66;
}

.green {
  color: #2b8804 !important;
}

.green-light {
  color: #2b9b5c !important;
}

.green-fresh {
  color: #01b14f !important;
}

.red {
  color: #ff6666;
}

.red-dark {
  color: #de5b3e;
}

.strong {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.all-caps {
  text-transform: uppercase;
}

.text-with-bg {
  display: inline-block;
  background: #e6e6e6;
  padding: 2px 10px;
  font-size: 0.8em;
}

.white-bg {
  background-color: #fff;
}

.light-gray-bg {
  background-color: #f7f7f7;
}

.orange-bg {
  background-color: #F36F20;
}

.gray-bg {
  background-color: #f5f5f5;
}

.darker-gray-bg {
  background-color: #dcdcdc;
}

.bg-blue {
  background-color: #0060af;
}

.bg-yellow {
  background-color: #ebbd1c;
}

.bg-green {
  background-color: #2b8804;
}

.bg-transparent {
  background-color: transparent;
}

.shuttered {
  background-image: url(../graphics//shuttered_bg.svg);
  background-size: 200px 200px;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

.no-padding {
  padding: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding-left {
  padding-left: 0;
}

.padding-right-5 {
  padding-right: 5px;
}

.nomargin {
  margin: 0 !important;
}

.noborder {
  border: none;
}

.padding_5 {
  padding: 5px;
}

.padding_10 {
  padding: 10px;
}

.padding_15 {
  padding: 15px;
}

.padding_32 {
  padding: 32px;
}

.padding_bottom_15 {
  padding-bottom: 15px;
}

.padding_bottom_30 {
  padding-bottom: 30px;
}

.padding_right_30 {
  padding-right: 30px !important;
}

.padding_top_15 {
  padding-top: 15px;
}

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

.margin_top_5 {
  margin-top: 5px;
}

.margin_top_15 {
  margin-top: 15px !important;
}

@media (max-width: 767px) {
  .margin_top_15-sm {
    margin-top: 15px;
  }
}

.margin_top_24 {
  margin-top: 24px;
}

.margin_right_15 {
  margin-right: 15px;
}

.margin_top_30 {
  margin-top: 30px !important;
}

.margin_top_50 {
  margin-top: 50px;
}

.margin_right_50 {
  margin-right: 50px;
}

.margin_top_100 {
  margin-top: 100px !important;
}

.margin_bottom_15 {
  margin-bottom: 15px;
}

.margin_bottom_30 {
  margin-bottom: 30px;
}

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

.hmargin_50 {
  margin-left: 50px;
  margin-right: 50px;
}

.a-table {
  display: table;
}

.a-table-cell {
  display: table-cell;
}

.a-center-vertical {
  vertical-align: middle;
}

.full-height {
  height: 100%;
}

.full-width {
  width: 100%;
}

.line-heighted-30 {
  line-height: 30px;
}

.border-top-gray {
  border-top: 1px solid #cccccc;
}

.border-bottom-gray {
  border-bottom: 1px solid #cccccc;
}

.border-bottom-gray-light {
  border-bottom: 1px solid #eaeaea;
}

.border-top-gray-light {
  border-top: 1px solid #eaeaea;
}

.reset-row {
  margin: 0 15px;
}

.vertical-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.vertical-align>[class^="col-"],
.vertical-align>[class*=" col-"] {
  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;
}

.vcenter {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  float: none !important;
}

.vbottom {
  display: inline-block;
  vertical-align: bottom;
}

.title-24 {
  display: block;
  font-size: 24px;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 10px;
}

.mCS-digical .mCSB_scrollTools {
  top: 10px;
}

.mCSB_inside>.mCSB_container {
  margin-right: 18px;
}

.mCS-digical .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #F36F20;
}

.mCS-digical .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #ccc;
}

.mCS-digical .mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.noleftpadding {
  padding-left: 0;
}

.norightpadding {
  padding-right: 0;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.text-direction-left {
  text-align: left;
}

.text-direction-right {
  text-align: right;
}

.responsive-margin-top {
  margin-top: 15px;
}

.overflow-hidden {
  overflow: hidden;
  white-space: nowrap;
}

.right-gray-border {
  border-right: 1px solid #e0e0e0;
}

.soft-font {
  font-family: 'kite_oneregular', sans-serif;
}

.margin-centered {
  margin: 0 auto;
}

.font-size-0 {
  font-size: 0;
}

.clear-inline-space {
  margin-right: -4px;
}

.color-error {
  color: #DE5B3D !important;
}

.img-responsive--no-block {
  max-width: 100%;
  height: auto;
  margin: auto;
}

.cursor-pointer {
  cursor: pointer;
}

.relative {
  position: relative;
}

.reset-bootstraps-legend {
  margin-bottom: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  border: none;
}

.to-top {
  z-index: 99999 !important;
}

.width-one-half {
  width: 50% !important;
}

.width-one-third {
  width: 33.33% !important;
}

#calculatedCurrencyPlaceholder {
  margin-bottom: 20px;
}

.currencyConversionUnavailable {
  text-align: center;
}

.currencyConversionUnavailable__image {
  margin: 32px 0px 16px;
}

.currencyConversionUnavailable .description {
  width: 200px;
  margin: auto;
  padding-bottom: 50px;
}

.currencyConversionUnavailable .info {
  width: 300px;
  font-size: 12px;
  font-size: .8rem;
  margin: auto;
  padding-bottom: 50px;
}

.currencyConversionUnavailable .calculatorLink {
  margin-bottom: 50px;
}

.currencyConversionUnavailable .calculatorLink p {
  margin: 0px 0 16px;
}

.currency-toggle-btn {
  width: 55px;
  margin: 2.5px 0;
  padding: 1.5px 10px;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 400;
  background-color: transparent;
  border: 0;
  float: left;
  color: #4d4d4d;
}

.currency-toggle-btn+.currency-toggle-btn {
  border-left: 1px solid #ccc;
}

.currency-toggle-btn.active {
  font-weight: bold;
}

.currency-toggle-btn.active:after {
  content: "\e624";
  font-family: 'icomoon';
  font-size: 9px;
  font-size: .6rem;
  color: #2b8804;
  padding-left: 3px;
}

.info-rate {
  position: absolute;
  top: -30px;
  color: #EABD1C;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 600;
}

.currex-calculation__row {
  margin-top: 0;
}

.currex-calculation__prefix {
  color: #404040;
  font-size: 16px;
  font-size: 1.06667rem;
}

.currex-calculation__sign {
  color: #404040;
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 300;
}

.currex-calculation .amount-text {
  padding: 0 12px;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 400;
}

.currencyText .prefix {
  color: #404040;
  font-weight: 200;
  padding: 15px 15px 0px 0px;
  float: left;
}

.currencyText .currency {
  font-size: 22px;
  font-size: 1.46667rem;
  color: #404040;
  font-weight: 200;
  padding: 10px 0;
  float: left;
}

.btn-revert-calculation {
  font-size: 14px;
  font-size: .93333rem;
  color: #404040;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  border-radius: 50%;
  position: relative;
  text-align: center;
  background-color: #e6e6e6;
  position: relative;
}

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

.amount-text--conversion {
  font-size: 13px;
  font-size: .86667rem;
  color: #404040;
}

@media only screen and (min-width: 768px) {
  .currex-calculation__row {
    margin-top: 15px;
  }
}

.currency-spinner {
  position: absolute;
  text-align: right;
  right: 50px;
  height: 50px;
  left: 50px;
  top: 0;
  background-color: #e6e6e6;
}

.currency-spinner .icon-spinner {
  text-align: center;
  margin: 0;
}

.currency-tool {
  min-height: 36px;
}

.currency-tool-rate {
  float: left;
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}

.currency-tool-btn {
  width: 50px;
  display: inline-block;
  text-align: center;
}

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

.currencySelectWrapper__left {
  margin-bottom: 24px;
}

@media only screen and (min-width: 768px) {
  .currencySelectWrapper__left {
    padding-right: 0;
    margin-bottom: 0;
  }

  .currencySelectWrapper__left .customSelectMaterial {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
  }
}

.currencySelectWrapper__right {
  margin-bottom: 24px;
}

@media only screen and (min-width: 768px) {
  .currencySelectWrapper__right {
    margin-bottom: 0;
    padding-left: 0;
  }

  .currencySelectWrapper__right .customSelectMaterial {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.currencyCalculation {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}

.carousel-showonemoveone .carousel-control {
  background-image: none;
}

.carousel-showonemoveone .carousel-control.left {
  margin-left: 15px;
}

.carousel-showonemoveone .carousel-control.right {
  margin-right: 15px;
}

.carousel-showonemoveone .cloneditem-1,
.carousel-showonemoveone .cloneditem-2,
.carousel-showonemoveone .cloneditem-3 {
  display: none;
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showonemoveone .carousel-inner>.item.active.right,
  .carousel-showonemoveone .carousel-inner>.item.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }

  .carousel-showonemoveone .carousel-inner>.item.active.left,
  .carousel-showonemoveone .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }

  .carousel-showonemoveone .carousel-inner>.item.left,
  .carousel-showonemoveone .carousel-inner>.item.prev.right,
  .carousel-showonemoveone .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media all and (min-width: 768px) {
  .carousel-showonemoveone .carousel-inner>.active.left,
  .carousel-showonemoveone .carousel-inner>.prev {
    left: -100%;
  }

  .carousel-showonemoveone .carousel-inner>.active.right,
  .carousel-showonemoveone .carousel-inner>.next {
    left: 100%;
  }

  .carousel-showonemoveone .carousel-inner>.left,
  .carousel-showonemoveone .carousel-inner>.prev.right,
  .carousel-showonemoveone .carousel-inner>.active {
    left: 0;
  }

  .carousel-showonemoveone .carousel-inner .cloneditem-1,
  .carousel-showonemoveone .carousel-inner .cloneditem-2,
  .carousel-showonemoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showonemoveone .carousel-inner>.item.active.right,
  .carousel-showonemoveone .carousel-inner>.item.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }

  .carousel-showonemoveone .carousel-inner>.item.active.left,
  .carousel-showonemoveone .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }

  .carousel-showonemoveone .carousel-inner>.item.left,
  .carousel-showonemoveone .carousel-inner>.item.prev.right,
  .carousel-showonemoveone .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media all and (min-width: 992px) {
  .carousel-showonemoveone .carousel-inner>.active.left,
  .carousel-showonemoveone .carousel-inner>.prev {
    left: -100%;
  }

  .carousel-showonemoveone .carousel-inner>.active.right,
  .carousel-showonemoveone .carousel-inner>.next {
    left: 100%;
  }

  .carousel-showonemoveone .carousel-inner>.left,
  .carousel-showonemoveone .carousel-inner>.prev.right,
  .carousel-showonemoveone .carousel-inner>.active {
    left: 0;
  }

  .carousel-showonemoveone .carousel-inner .cloneditem-1,
  .carousel-showonemoveone .carousel-inner .cloneditem-2,
  .carousel-showonemoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}

.carousel-showthreemoveone .carousel-control {
  background-image: none;
}

.carousel-showthreemoveone .carousel-control.left {
  margin-left: 15px;
}

.carousel-showthreemoveone .carousel-control.right {
  margin-right: 15px;
}

.carousel-showthreemoveone .cloneditem-1,
.carousel-showthreemoveone .cloneditem-2,
.carousel-showthreemoveone .cloneditem-3 {
  display: none;
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showthreemoveone .carousel-inner>.item.active.right,
  .carousel-showthreemoveone .carousel-inner>.item.next {
    -webkit-transform: translate3d(33.333%, 0, 0);
    transform: translate3d(33.333%, 0, 0);
    left: 0;
  }

  .carousel-showthreemoveone .carousel-inner>.item.active.left,
  .carousel-showthreemoveone .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-33.333%, 0, 0);
    transform: translate3d(-33.333%, 0, 0);
    left: 0;
  }

  .carousel-showthreemoveone .carousel-inner>.item.left,
  .carousel-showthreemoveone .carousel-inner>.item.prev.right,
  .carousel-showthreemoveone .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media all and (min-width: 768px) {
  .carousel-showthreemoveone .carousel-inner>.active.left,
  .carousel-showthreemoveone .carousel-inner>.prev {
    left: -33.333%;
  }

  .carousel-showthreemoveone .carousel-inner>.active.right,
  .carousel-showthreemoveone .carousel-inner>.next {
    left: 33.333%;
  }

  .carousel-showthreemoveone .carousel-inner>.left,
  .carousel-showthreemoveone .carousel-inner>.prev.right,
  .carousel-showthreemoveone .carousel-inner>.active {
    left: 0;
  }

  .carousel-showthreemoveone .carousel-inner .cloneditem-1,
  .carousel-showthreemoveone .carousel-inner .cloneditem-2,
  .carousel-showthreemoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showthreemoveone .carousel-inner>.item.active.right,
  .carousel-showthreemoveone .carousel-inner>.item.next {
    -webkit-transform: translate3d(33.333%, 0, 0);
    transform: translate3d(33.333%, 0, 0);
    left: 0;
  }

  .carousel-showthreemoveone .carousel-inner>.item.active.left,
  .carousel-showthreemoveone .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-33.333%, 0, 0);
    transform: translate3d(-33.333%, 0, 0);
    left: 0;
  }

  .carousel-showthreemoveone .carousel-inner>.item.left,
  .carousel-showthreemoveone .carousel-inner>.item.prev.right,
  .carousel-showthreemoveone .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media all and (min-width: 992px) {
  .carousel-showthreemoveone .carousel-inner>.active.left,
  .carousel-showthreemoveone .carousel-inner>.prev {
    left: -33.333%;
  }

  .carousel-showthreemoveone .carousel-inner>.active.right,
  .carousel-showthreemoveone .carousel-inner>.next {
    left: 33.333%;
  }

  .carousel-showthreemoveone .carousel-inner>.left,
  .carousel-showthreemoveone .carousel-inner>.prev.right,
  .carousel-showthreemoveone .carousel-inner>.active {
    left: 0;
  }

  .carousel-showthreemoveone .carousel-inner .cloneditem-1,
  .carousel-showthreemoveone .carousel-inner .cloneditem-2,
  .carousel-showthreemoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}

.carousel-showfourmoveone .carousel-control {
  background-image: none;
}

.carousel-showfourmoveone .carousel-control.left {
  margin-left: 15px;
}

.carousel-showfourmoveone .carousel-control.right {
  margin-right: 15px;
}

.carousel-showfourmoveone .cloneditem-1,
.carousel-showfourmoveone .cloneditem-2,
.carousel-showfourmoveone .cloneditem-3 {
  display: none;
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showfourmoveone .carousel-inner>.item.active.right,
  .carousel-showfourmoveone .carousel-inner>.item.next {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    left: 0;
  }

  .carousel-showfourmoveone .carousel-inner>.item.active.left,
  .carousel-showfourmoveone .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    left: 0;
  }

  .carousel-showfourmoveone .carousel-inner>.item.left,
  .carousel-showfourmoveone .carousel-inner>.item.prev.right,
  .carousel-showfourmoveone .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media all and (min-width: 768px) {
  .carousel-showfourmoveone .carousel-inner>.active.left,
  .carousel-showfourmoveone .carousel-inner>.prev {
    left: -25%;
  }

  .carousel-showfourmoveone .carousel-inner>.active.right,
  .carousel-showfourmoveone .carousel-inner>.next {
    left: 25%;
  }

  .carousel-showfourmoveone .carousel-inner>.left,
  .carousel-showfourmoveone .carousel-inner>.prev.right,
  .carousel-showfourmoveone .carousel-inner>.active {
    left: 0;
  }

  .carousel-showfourmoveone .carousel-inner .cloneditem-1,
  .carousel-showfourmoveone .carousel-inner .cloneditem-2,
  .carousel-showfourmoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showfourmoveone .carousel-inner>.item.active.right,
  .carousel-showfourmoveone .carousel-inner>.item.next {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    left: 0;
  }

  .carousel-showfourmoveone .carousel-inner>.item.active.left,
  .carousel-showfourmoveone .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    left: 0;
  }

  .carousel-showfourmoveone .carousel-inner>.item.left,
  .carousel-showfourmoveone .carousel-inner>.item.prev.right,
  .carousel-showfourmoveone .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media all and (min-width: 992px) {
  .carousel-showfourmoveone .carousel-inner>.active.left,
  .carousel-showfourmoveone .carousel-inner>.prev {
    left: -25%;
  }

  .carousel-showfourmoveone .carousel-inner>.active.right,
  .carousel-showfourmoveone .carousel-inner>.next {
    left: 25%;
  }

  .carousel-showfourmoveone .carousel-inner>.left,
  .carousel-showfourmoveone .carousel-inner>.prev.right,
  .carousel-showfourmoveone .carousel-inner>.active {
    left: 0;
  }

  .carousel-showfourmoveone .carousel-inner .cloneditem-1,
  .carousel-showfourmoveone .carousel-inner .cloneditem-2,
  .carousel-showfourmoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}

.carousel-showsixmoveone .carousel-control {
  background-image: none;
}

.carousel-showsixmoveone .carousel-control.left {
  margin-left: 15px;
}

.carousel-showsixmoveone .carousel-control.right {
  margin-right: 15px;
}

.carousel-showsixmoveone .cloneditem-1,
.carousel-showsixmoveone .cloneditem-2,
.carousel-showsixmoveone .cloneditem-3 {
  display: none;
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showsixmoveone .carousel-inner>.item.active.right,
  .carousel-showsixmoveone .carousel-inner>.item.next {
    -webkit-transform: translate3d(16.666%, 0, 0);
    transform: translate3d(16.666%, 0, 0);
    left: 0;
  }

  .carousel-showsixmoveone .carousel-inner>.item.active.left,
  .carousel-showsixmoveone .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-16.666%, 0, 0);
    transform: translate3d(-16.666%, 0, 0);
    left: 0;
  }

  .carousel-showsixmoveone .carousel-inner>.item.left,
  .carousel-showsixmoveone .carousel-inner>.item.prev.right,
  .carousel-showsixmoveone .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media all and (min-width: 768px) {
  .carousel-showsixmoveone .carousel-inner>.active.left,
  .carousel-showsixmoveone .carousel-inner>.prev {
    left: -16.666%;
  }

  .carousel-showsixmoveone .carousel-inner>.active.right,
  .carousel-showsixmoveone .carousel-inner>.next {
    left: 16.666%;
  }

  .carousel-showsixmoveone .carousel-inner>.left,
  .carousel-showsixmoveone .carousel-inner>.prev.right,
  .carousel-showsixmoveone .carousel-inner>.active {
    left: 0;
  }

  .carousel-showsixmoveone .carousel-inner .cloneditem-1,
  .carousel-showsixmoveone .carousel-inner .cloneditem-2,
  .carousel-showsixmoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showsixmoveone .carousel-inner>.item.active.right,
  .carousel-showsixmoveone .carousel-inner>.item.next {
    -webkit-transform: translate3d(16.666%, 0, 0);
    transform: translate3d(16.666%, 0, 0);
    left: 0;
  }

  .carousel-showsixmoveone .carousel-inner>.item.active.left,
  .carousel-showsixmoveone .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-16.666%, 0, 0);
    transform: translate3d(-16.666%, 0, 0);
    left: 0;
  }

  .carousel-showsixmoveone .carousel-inner>.item.left,
  .carousel-showsixmoveone .carousel-inner>.item.prev.right,
  .carousel-showsixmoveone .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media all and (min-width: 992px) {
  .carousel-showsixmoveone .carousel-inner>.active.left,
  .carousel-showsixmoveone .carousel-inner>.prev {
    left: -16.666%;
  }

  .carousel-showsixmoveone .carousel-inner>.active.right,
  .carousel-showsixmoveone .carousel-inner>.next {
    left: 16.666%;
  }

  .carousel-showsixmoveone .carousel-inner>.left,
  .carousel-showsixmoveone .carousel-inner>.prev.right,
  .carousel-showsixmoveone .carousel-inner>.active {
    left: 0;
  }

  .carousel-showsixmoveone .carousel-inner .cloneditem-1,
  .carousel-showsixmoveone .carousel-inner .cloneditem-2,
  .carousel-showsixmoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}

.spinner {
  margin-right: 10px;
  display: inline-block;
  -webkit-animation: anim-rotate 1.25s infinite linear;
  animation: anim-rotate 1.25s infinite linear;
  color: #fff;
}

@-webkit-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#tuiForm .inner-addon {
  position: relative;
}

#tuiForm .inner-addon .spinner {
  position: absolute;
  top: 17px;
  padding: 10px;
  margin-left: 0;
  pointer-events: none;
  color: #000000;
}

.inner-addon {
  position: relative;
}

.inner-addon .spinner {
  position: absolute;
  top: 8px;
  padding: 10px;
  margin-left: 0;
  pointer-events: none;
  color: #000000;
  z-index: 2;
}

.left-addon .spinner {
  left: 0;
}

.left-addon input {
  padding-left: 30px;
}

.right-addon .spinner {
  right: 0;
}

.right-addon input {
  padding-right: 30px;
}

.right-addon-spinner .spinner {
  right: 0;
}

.right-addon-spinner.withIcon .spinner {
  right: 50px;
}

.inputMaterial.right-addon .spinner {
  margin-right: 0;
}

.static-spinner {
  display: none;
}

.calculating .static-spinner {
  display: block;
}

.carousel-tablist-highlight {
  display: none;
}

.carousel-pause-button {
  position: absolute;
  top: -30em;
  left: -300em;
  display: block;
}

.carousel-pause-button.focus {
  top: 0.5em;
  left: 0.5em;
}

.carousel:hover .carousel-caption,
.carousel.contrast .carousel-caption {
  background-color: rgba(0,0,0,0.5);
  z-index: 10;
}

@media only screen and (min-width: 768px) {
  .reset-padding-on-mobile {
    padding: 0 5px !important;
  }

  .quick-access {
    margin-bottom: 0;
  }

  .quick-access .title {
    padding: 0;
    font-size: 20px;
    font-size: 1.33333rem;
    white-space: nowrap;
    line-height: 45px;
  }

  .account-overview-table {
    margin: 15px 0;
    border: 1px solid #cacaca;
  }

  .account-overview-table .account-overview-detail {
    border-left: 1px solid #cacaca;
    border-bottom: none;
    padding: 15px;
  }

  .account-overview-table .account-overview-detail:first-of-type {
    border-left: none;
  }

  .account-overview-table .account-overview-detail .amount-text,
  .account-overview-table .account-overview-detail .amount-text:first-of-type {
    font-size: 2em;
  }

  .cheque-list--row {
    position: relative;
    padding: 16px 0;
    font-size: 14px;
    font-size: .93333rem;
  }

  .cheque-list--row .w-col {
    width: 20%;
    text-align: center;
  }

  .cheque-list--row.headling,
  .cheque-list--row.overview--headling {
    padding: 4px 0;
    font-size: 11px;
    font-size: .73333rem;
    text-transform: uppercase;
    background-color: #fafafa;
    border-bottom: none;
  }

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

  .cheque-list--row .headling,
  .cheque-list--row .overview--headling {
    display: none;
  }

  .cheque-list--row .view-details {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }

  .cheque-list--row .view-details .button-label {
    display: none;
  }

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

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

  .inner--top {
    padding-top: 70px;
  }

  .vertical-line {
    margin: 20px 0;
  }

  .wizard-placeholder {
    background-color: #fff;
    padding: 0 100px;
  }

  .btn-go {
    float: right;
    width: 45px;
    font-size: 22px;
    font-size: 1.46667rem;
  }

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

  .btn-go.in-widget {
    width: 45px;
    padding: 0;
    margin-top: 0;
  }

  .btn-go.in-widget .button-label {
    display: none;
  }

  .btn-go.in-widget span[class^="icon-"] {
    display: block;
    top: 0;
    margin: 0;
  }

  .switcher-menu:after {
    content: "";
    display: table;
    clear: both;
  }

  .switcher-menu>li {
    display: inline-block;
    position: relative;
  }

  .switcher-menu>li:first-child:after {
    display: none;
  }

  .switcher-menu.accounts {
    float: right;
  }

  .switcher-menu.accounts .btn {
    line-height: 46px;
  }

  .aria-converted-label {
    display: inline-block;
    text-align: left;
  }

  .select-holder .custom-select-menu .selection-made {
    font-size: 18px;
    font-size: 1.2rem;
    color: #262626;
  }

  .select-holder.compact .custom-select-menu .selection-made {
    font-size: 15px;
    font-size: 1rem;
  }

  input.minimal-at-xs--else-normal {
    height: 40px;
    padding-right: 15px;
    margin-bottom: 1px;
    border-radius: 0px !important;
    background-color: #f9f9f9;
    font-size: 16px;
    font-size: 1.06667rem;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset;
    border: 1px solid #b8b8b8;
  }

  input.minimal-at-xs--else-normal.amount {
    text-align: right !important;
  }

  input.minimal-at-xs--else-normal:disabled {
    color: #e6e6e6;
  }

  input.minimal-at-xs--else-normal.smaller-decimal:last-word {
    font-size: .8px;
    font-size: .05333rem;
  }

  .inline-search-holder {
    padding: 15px;
    background-color: #fff;
  }

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

  .inline-search-holder .btn-search-inline .icon-search {
    margin: 0 5px;
  }

  .inline-search-holder .btn-search-inline .button-label {
    display: inline-block;
  }

  .btn-new-payment {
    width: auto;
    height: auto;
    min-width: 135px;
    padding: 10px 20px;
    font-size: 20px;
    font-size: 1.33333rem;
    font-weight: 300;
  }

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

  .btn-new-payment span {
    display: inline-block;
  }

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

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

  .full-of-right {
    display: inline-block;
    float: right;
    width: auto;
    margin-left: 10px;
  }

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

  .button-holder.in-title {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
  }

  .search-and-action {
    background-color: #fff;
    padding-bottom: 60px;
  }

  .search-and-action .search-holder {
    margin: 15px;
  }

  .search-and-action {
    margin: 15px 0 0;
    padding-bottom: 60px;
  }

  .search-and-action .search-holder {
    margin: 0;
    padding: 15px;
  }

  .search-and-action .new-payment-btn-holder {
    float: right;
    width: 50%;
    padding: 15px;
    background-color: #e6e6e6;
  }

  .search-and-action .new-payment-btn-holder .button-attachment {
    margin-top: 12px;
    text-align: right;
    font-size: 18px;
    font-size: 1.2rem;
    font-weight: 300;
  }

  .search-and-action .new-payment-btn-holder .button-attachment span {
    padding: 0 10px;
  }

  .search-and-action .btn-new-payment {
    display: block;
    padding: 7px 10px;
    margin-top: 10px;
    margin-right: 5px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #a7a7a7;
  }

  .expandable__payment-details {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .expandable__payment-details .expandable-title {
    text-align: right;
  }

  .expandable__payment-details .expandable-title h2 {
    font-size: 20px;
    font-size: 1.33333rem;
    font-weight: 100;
  }

  .btn-action {
    width: auto;
  }

  .btn-action.look-it-up {
    margin-top: 0;
  }

  .btn-close {
    width: 45px;
    line-height: 45px;
    font-size: 14px;
    font-size: .93333rem;
  }

  .action-buttons-container button {
    margin-left: 5px;
  }

  .button-group-to-right {
    float: right;
    margin-bottom: 0;
  }

  .button-group-to-left {
    float: left;
    margin-bottom: 0;
    text-align: left;
  }

  .btn-white-with-border {
    display: inline-block;
  }

  .post-title-button-holder {
    text-align: right;
  }

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

  .large-checkbox-inline label {
    font-size: 16px;
    font-size: 1.06667rem;
  }

  .dropdown-holder .dropdown {
    font-size: 22px;
    font-size: 1.46667rem;
  }

  .dropdown-holder .dropdown .dropdown-selected {
    line-height: 70px;
    margin-right: 15px;
  }

  .dropdown-holder .dropdown span[class^="icon-"] {
    right: 15px;
    font-size: 12px;
    font-size: .8rem;
    margin-top: -6px;
  }

  .page-title-dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: -1px;
    border-bottom: 1px solid #F36F20;
    cursor: pointer;
  }

  .dropdown.language>a {
    padding: 0 10px 0 8px;
  }

  .dropdown.language .custom-caret:after {
    padding-left: 5px;
    font-size: 7px;
    font-size: .46667rem;
  }

  .dropdown.language .dropdown-menu {
    left: auto;
    right: auto;
    text-align: center;
  }

  .dropdown.language .dropdown-menu li a {
    font-weight: 300;
  }

  .dropdown.widget-menu .dropdown-menu {
    min-width: 0px;
  }

  .dropdown.quick-access {
    line-height: 70px;
  }

  .errBlock {
    margin-bottom: 10px;
    text-align: left;
  }

  .errBlock.inverted {
    text-align: center;
  }

  .sort-and-filter {
    border: none;
    padding: 0;
    margin-bottom: 20px;
  }

  .sort-and-filter .title {
    display: none;
  }

  .sort-and-filter--button-holder button {
    margin: 0 0 0 15px;
    border: none;
  }

  .sort-and-filter--button-holder button span[class^="icon-"] {
    position: relative;
    top: 4px;
    margin: 0;
    padding: 0 10px;
  }

  .sort-and-filter--button-holder button:last-child {
    border-left: none;
  }

  .info-message {
    display: table;
    width: 100%;
  }

  .info-message .message,
  .info-message .buttons {
    display: table-cell;
    vertical-align: middle;
  }

  .info-message .message {
    padding: 30px;
  }

  .info-message .message-wrapper {
    text-align: left;
    min-height: 100px;
  }

  .info-message .message-wrapper .message-img,
  .info-message .message-wrapper .message-content {
    display: table-cell;
    vertical-align: middle;
  }

  .info-message .message-wrapper .message-img {
    width: 150px;
  }

  .info-message .message-wrapper .message-content {
    font-size: 15px;
    font-size: 1rem;
  }

  .info-message .buttons {
    width: 160px;
    border-top: none;
    border-left: 1px solid #515151;
  }

  .info-message .buttons .message-button-holder {
    height: 50%;
    width: 100%;
  }

  .info-message .buttons .message-button-holder:before {
    content: "";
    display: inline-block;
    padding-top: 50%;
    vertical-align: middle;
  }

  .info-message .buttons .message-button-holder:first-child {
    border-right: none;
    border-bottom: 1px solid #515151;
  }

  .info-message .buttons .message-button-holder a {
    padding: 0;
    width: auto;
  }

  .info-message .message-img,
  .info-message .message-content {
    display: inline-block;
    vertical-align: middle;
  }

  .filter-menu {
    max-width: 760px;
  }

  .filter-menu .filter-col {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .no-boxshadow .header .search-and-actions {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }

  .dropdown-holder {
    margin: 0;
    height: auto;
    background-color: transparent;
    color: inherit;
  }

  .dropdown-holder .dropdown {
    position: relative;
    right: auto;
    top: auto;
    cursor: pointer;
    text-align: right;
  }

  .dropdown-holder .dropdown .dropdown-selected {
    margin-right: 0;
    display: inline-block;
    font-size: 21px;
    font-size: 1.4rem;
    line-height: inherit;
  }

  .dropdown-holder .dropdown span[class^="icon-"] {
    position: relative;
    top: -3px;
    right: 0;
    margin-left: 20px;
    font-size: 10px;
    font-size: .66667rem;
    color: #F36F20;
  }

  .search-and-action {
    margin: 0;
  }

  .paysomeone-panel__column.active {
    width: 58%;
  }

  .paysomeone-panel__column.inactive {
    width: 42%;
  }

  .paysomeone-panel__column.in-edit-mode.active {
    width: 42%;
  }

  .paysomeone-panel__column.in-edit-mode.inactive {
    width: 58%;
  }

  .payment-header .progressbar-wrapper {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
  }

  .payment-header .progressbar-wrapper.center {
    text-align: center;
  }

  .payment-header .progressbar-wrapper.center .progress-dg {
    text-align: center;
  }

  .payment-header .progressbar {
    float: right;
    margin: 0;
  }

  .beneficiaries-panel .beneficiary-selector,
  .beneficiaries-panel .beneficiary-selector.active {
    width: 300px;
  }

  .beneficiary .beneficiary-hot-keys {
    right: 30px;
  }

  .beneficiary .more-details {
    margin: 50px 0 15px;
  }

  .beneficiary .more-details>a {
    padding: 0 30px 3px 0;
    text-align: right;
  }

  .beneficiary .more-details>a.collapsed:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  .btn-go.in-widget {
    width: 70px;
    padding: 0;
  }

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

  .nav-tabs-holder.row {
    margin-left: 0;
    margin-right: 0;
  }

  .info-message .message-wrapper .message-content {
    font-size: 20px;
    font-size: 1.33333rem;
  }

  .accounts-overview-commercial {
    height: 410px;
    background-image: url(../graphics//commercial-assets/jpg/1280/mastro_1280_B_alex_3a.jpg);
    background-size: contain;
  }

  .login .container {
    width: 930px;
  }

  .login--body .login-holder .login--table-narrow {
    width: 405px;
  }

  .add-icon {
    margin: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .main-nav {
    width: 315px;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25) "";
    box-shadow: 0 0 15px rgba(0,0,0,0.25) "";
  }

  .main-nav .sliding-menu-item.menu-slide {
    width: 315px;
    height: 70px;
    left: -245px;
    padding: 0 10px 0 92.01258px;
    -webkit-transform: translateX(245px);
    -ms-transform: translateX(245px);
    transform: translateX(245px);
  }
}

.quick-access__icon {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  margin: 0 0 0 6.5px;
  line-height: 40px;
  font-size: 20px;
  font-size: 1.33333rem;
  text-align: center;
  border-radius: 50%;
  background-color: #3f3f3f;
}

.quick-access__icon--large {
  width: 60px;
  margin: 0;
  line-height: 60px;
  font-size: 20px;
  font-size: 1.33333rem;
  background-color: #F36F20;
}

.quick-access__icon--orange {
  background-color: #F36F20;
}

@media only screen and (min-width: 768px) {
  #quick-access-menu {
    display: none;
  }
}

.quick-access-nav {
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  .quick-access-nav {
    border-top: 1px solid #e6e6e6;
  }
}

.quick-access-nav>.navigation__item .navigation__link {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  display: table;
  height: 60px;
  width: 100%;
  border: 0;
  padding: 0;
}

@media only screen and (min-width: 1280px) {
  .quick-access-nav>.navigation__item .navigation__link {
    height: 80px;
  }

  .quick-access-nav>.navigation__item .navigation__link .navigation__slide:after {
    top: 35px;
  }
}

@media only screen and (min-width: 1280px) and (max-height: 760px) {
  .quick-access-nav>.navigation__item .navigation__link .navigation__slide:after {
    top: 20px;
  }
}

@media only screen and (min-width: 1280px) and (max-height: 650px) {
  .quick-access-nav>.navigation__item .navigation__link .navigation__slide:after {
    top: 15px;
  }
}

@media screen and (max-height: 760px) {
  .quick-access-nav>.navigation__item .navigation__link {
    height: 50px;
  }
}

@media screen and (max-height: 650px) {
  .quick-access-nav>.navigation__item .navigation__link {
    height: 40px;
  }
}

.quick-access-nav.active {
  top: 0;
  left: 0;
  z-index: 99999;
}

.quick-access-nav.active .navigation__curtain {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  visibility: visible;
  background-color: rgba(0,0,0,0.9);
  opacity: 1;
  z-index: 100;
}

.quick-access-nav.active .menu {
  display: block;
  z-index: 150;
  overflow: auto;
}

.quick-access-nav .menu-opener {
  width: 40px;
  border-radius: 50%;
  background-color: #F36F20;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.15);
  box-shadow: 0 5px 5px rgba(0,0,0,0.15);
}

.quick-access-nav .menu-opener:hover {
  background: #D65A10;
}

.quick-access-nav .menu-opener-inner {
  line-height: 40px;
  font-size: 24px;
  font-size: 1.6rem;
  text-align: center;
}

.quick-access-nav .menu-opener-inner.icon-close {
  color: white;
  font-size: 20px;
  font-size: 1.33333rem;
}

.quick-access-nav .menu-opener-inner.icon-thunder {
  font-size: 20px;
  font-size: 1.33333rem;
}

.quick-access-nav .menu-opener-inner.active {
  background: transparent;
}

.quick-access-nav .menu {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #f5f5f5;
}

.quick-access-nav .menu.collapse[aria-expanded='true']:before {
  content: '';
  display: block;
  background-color: #f5f5f5;
  -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: 28px;
}

.quick-access-nav .menu .navigation__item .navigation__link {
  background: none;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.quick-access-nav .menu-inner {
  display: inline-block;
  border: 0;
  float: right;
  margin: 0;
  padding: 15px;
  list-style: none;
  text-align: right;
  position: relative;
  background: none;
  z-index: 10;
  padding: 15px 15px 45px 15px;
}

.quick-access-nav .menu-inner__item {
  padding: 10px 0;
}

@media only screen and (max-width: 767px) {
  .quick-access-nav .menu-inner__item {
    padding: 5px 0 0;
  }
}

.quick-access-nav .menu-inner__item--closer {
  padding-bottom: 0;
}

.quick-access-nav .menu-inner__item--closer .quick-access__icon {
  background-color: #F36F20;
}

.quick-access-nav .menu-inner__item--settings {
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #4d4d4d;
}

@media only screen and (max-width: 767px) {
  .quick-access-nav .menu-inner__item--settings {
    margin-bottom: 5px;
    padding-bottom: 10px;
  }
}

.quick-access-nav .menu-inner__item--settings .quick-access__icon {
  background-color: #F36F20;
}

.quick-access-nav .menu-link {
  display: inline-block;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  color: #E2E2E2;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.quick-access-nav .menu-link .button-label {
  vertical-align: middle;
}

.quick-access-nav .menu-link#quickAccessMenuSettingsBtn {
  background-color: #262626;
  background: rgba(255,255,255,0.15);
  border-radius: 20px;
  padding: 0 0 0 28px;
}

.quick-access-nav .menu-link#quickAccessMenuSettingsBtn .quick-access__icon {
  background: transparent;
}

.quick-access-nav__scroll-container {
  top: auto;
}

.quick-access-nav__scroll-container.modal-dialog {
  top: auto;
  z-index: 2;
  right: 0;
  display: inline-block;
  width: auto;
  left: auto;
}

.quick-access-nav .quick-access-nav__closer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.quick-access-settings {
  background-color: rgba(255,255,255,0.85);
  z-index: 99999;
}

.quick-access-settings .modal-header {
  padding: 35px 10px;
}

.quick-access-settings .title {
  width: 48%;
  padding: 16px 0px;
}

.quick-access-settings .modal-subtitle {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.1;
}

.quick-access-settings .modal-content {
  max-width: 650px;
  border: none;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

@media only screen and (min-width: 768px) {
  .quick-access-settings .modal-header .counter-holder {
    text-align: center;
  }
}

.quick-access-settings .modal-body {
  padding: 0px 24px;
  text-align: left;
}

.quick-access-settings .modal-body .menu-item {
  margin: 5px 4px;
  min-width: 0;
  border-radius: 4px;
  border: solid 1px gray;
  font-size: 12px;
  font-size: .8rem;
  background-color: #fff;
  text-align: center;
  color: #333333;
}

.quick-access-settings .modal-body .menu-item:hover,
.quick-access-settings .modal-body .menu-item:focus {
  background-color: #e6e6e6;
  outline: none;
}

.quick-access-settings .modal-body .selected {
  background-color: #2b8804;
  min-width: 0;
  margin: 5px 4px;
  font-size: 12px;
  font-size: .8rem;
  color: #fff;
}

.quick-access-settings .modal-description {
  font-size: 10px;
  font-size: .66667rem;
  font-weight: bold;
  line-height: 1.2;
  color: #4d4d4d;
}

.quick-access-settings .counter-chart {
  display: inline-block;
  position: relative;
  height: 8px;
  width: 120px;
  margin-top: 5px;
  border-radius: 10px;
  background-color: #e6e6e6;
}

.quick-access-settings .counter-chart__bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 3.5px;
  background-color: #2b8804;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.modal .quick-access-settings__button-holder {
  padding: 8px 16px 0 16px;
  margin-bottom: 8px;
  margin-top: 0px;
}

.quick-access-settings__col {
  float: left;
  text-align: left;
}

.quick-access-settings__col--narrow {
  width: 25%;
}

@media only screen and (min-width: 768px) {
  .quick-access-settings__col--narrow {
    width: 15%;
  }
}

.quick-access-settings__col--wide {
  width: 75%;
}

@media only screen and (min-width: 768px) {
  .quick-access-settings__col--wide {
    width: 85%;
  }
}

.quick-access-settings__col--wide .btn-rounded {
  height: 28px;
  line-height: 14px;
}

.quick-access-settings__button-group .quick-access-settings__col {
  padding: 30px 0;
}

.quick-access-settings__button-group+.quick-access-settings__button-group .quick-access-settings__col--wide {
  border-bottom: 1px solid #d6d6d6;
}

.quick-access-settings__group-icon {
  position: relative;
  top: 13px;
  font-size: 24px;
  font-size: 1.6rem;
  color: #404040;
}

.quick-access-settings .modal-grey:after {
  content: "";
  display: table;
  clear: both;
}

.quick-access-settings .modal-grey .dismiss {
  background-color: #ebebeb;
  float: left;
}

.alert {
  position: relative;
  margin: 15px 0;
  color: #4d4d4d;
  font-size: 14px;
  font-size: .93333rem;
  border: none;
  border-radius: 4px;
  padding-left: 60px;
}

.alert span[class^="icon-"] {
  position: absolute;
  top: 50%;
  left: 24px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  font-size: 1.06667rem;
}

.alert ul {
  padding: 0;
}

.alert li {
  line-height: 1.25;
}

.alert--noTopMargin {
  margin-top: 0;
}

.alert--noBorderRadius {
  border-radius: 0;
}

.alert-secondary {
  margin: 24px 0;
  background-color: #f5f5f5;
}

.alert--noIcon {
  padding: 16px;
}

.alert--font16 {
  font-size: 16px;
  font-size: 1.06667rem;
}

.alert-info,
.alert-neutral,
.alert-expired {
  min-height: 40px;
  padding: 10px 20px 10px 60px;
}

.alert-info span,
.alert-neutral span,
.alert-expired span {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.33;
  color: #4d4d4d;
}

.alert-info .close-alert,
.alert-neutral .close-alert,
.alert-expired .close-alert {
  top: 10px;
}

.alert-info .close-alert:after,
.alert-neutral .close-alert:after,
.alert-expired .close-alert:after {
  font-size: 10px;
  font-size: .66667rem;
}

.alert-expired {
  background-color: #EFCFC8;
}

.alert-expired span[class^="icon-"] {
  color: #DE5B3D;
}

.alert-info {
  background-color: #e6e6e6;
}

.alert-neutral {
  background-color: #e6e6e6;
}

.alert-error {
  color: #fff;
  background-color: #DE5B3D;
}

.alert-warning {
  background-color: #F8EABC;
}

.alert-dismissible {
  padding-right: 30px;
}

.alert-dismissible .close-alert {
  position: absolute;
  top: 14.5px;
  right: 10px;
  padding: 0;
  background: none;
  border: none;
}

.alert-dismissible .close-alert:after {
  font-family: "icomoon";
  content: "\e604";
  font-size: 10px;
}

.alert-noicon {
  padding-right: 16px;
  padding-left: 16px;
}

.alert-noicon .close-alert {
  top: 8px;
  right: 16px;
}

.alert-noicon .close-alert:after {
  font-size: 8px;
}

.alert__info {
  color: #404040;
  background-color: #e6e6e6;
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.25;
  font-weight: 300;
}

.alert__info--transparent {
  padding-left: 30px;
  color: #4d4d4d;
  background-color: transparent;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 400;
}

.alert__info--transparent span[class^="icon-"] {
  left: 0;
  margin-top: -8px;
}

.alert__info--small {
  position: relative;
  padding-left: 30px;
  font-size: 10px;
  font-size: .66667rem;
  color: #404040;
}

.alert__info--small:before {
  position: absolute;
  content: "\e923";
  top: 0;
  left: 0;
  font-family: "icomoon";
  font-size: 20px;
  font-size: 1.33333rem;
}

.alert__inWidget {
  margin-left: 25px;
  margin-right: 25px;
}

.alert-dismissible {
  padding-right: 30px;
}

.alert-dismissible .close-alert {
  position: absolute;
  top: 14.5px;
  right: 10px;
  padding: 0;
  background: none;
  border: none;
}

.alert-dismissible .close-alert:after {
  font-family: "icomoon";
  content: "\e604";
  font-size: 10px;
}

.alert-info {
  min-height: 40px;
  background-color: #e6e6e6;
  padding: 10px 20px 10px 60px;
}

.alert-info span {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.33;
  color: #4d4d4d;
}

.alert-info .close-alert {
  top: 10px;
}

.alert-info .close-alert:after {
  font-size: 10px;
  font-size: .66667rem;
}

.alert-error {
  color: #fff;
  background-color: #DE5B3D;
}

.alert__inModal {
  padding-left: 0;
}

.alert-inTablist {
  border-radius: 4px;
  background-color: #f5f5f5;
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.14;
  color: #262626;
}

.modal-fullscreen {
  background-color: #fff !important;
}

.modal-fullscreen .modal-dialog {
  width: 100%;
  margin: 0;
}

.modal-fullscreen .modal-dialog .modal-content {
  border: 0;
  max-width: 100%;
  background-color: transparent;
  border-radius: 0;
}

.BuyInput__headerModal {
  background-color: #f5f5f5;
}

.fullpageHeaderModal .modal-header,
.fullpageHeaderModal.modal-header {
  padding: 0px;
  border-radius: 0;
}

.fullpageModalFooter .modal-footer {
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
}

.fullpageModal__withScrollEnabled {
  overflow-y: auto;
}

.fullpageModal.modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.fullpageModal.modal-dialog .modal-content {
  top: 0px;
  height: auto;
  min-height: 100%;
  border-radius: 0;
  border: none;
}

.fullpageModal .modal-backdrop {
  opacity: 1;
  background-color: #fff;
  z-index: 1039;
}

.fullpageModal .modal-body {
  padding: 0;
  margin: 0;
}

.fullpageModal__closeBtn {
  position: absolute;
}

.fullpageModal__backBtn,
.fullpageModal__closeBtn {
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
  font-size: 20px;
  font-size: 1.33333rem;
  background-color: rgba(255,255,255,0.3);
  color: gray;
  outline: #fff;
  z-index: 1000;
}

@media only screen and (min-width: 768px) {
  .fullpageModal__backBtn,
  .fullpageModal__closeBtn {
    width: 70px;
    height: 70px;
  }
}

.fullpageModal__backBtn.inverted,
.fullpageModal__closeBtn.inverted {
  color: #fff;
}

.fullpageModal__backBtn {
  left: 0;
}

.fullpageModal__closeBtn {
  right: 0;
}

.fullpageFooterModal.modal-footer {
  padding: 0;
}

.fullpageModalBodyContent.modal-content.modal-body {
  top: -58px;
  z-index: 99999;
  width: 940px;
  display: block;
  margin: 0 auto;
}

.ModalFullPage {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.ModalFullPage__closeButton {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1049;
  width: 80px;
  height: 80px;
  background-color: rgba(255,255,255,0.3);
  color: #fff;
}

.ModalFullPage__closeButton span[class^="icon-"] {
  font-size: 24px;
  font-size: 1.6rem;
}

.ModalFullPage__inner {
  padding: 0 32px 0 24px;
}

.ModalFullPage__header {
  padding: 24px 24px 52px;
  background-image: -webkit-linear-gradient(147deg, #F08E00, #F36F20);
  background-image: linear-gradient(303deg, #F08E00, #F36F20);
  position: relative;
  text-align: center;
  z-index: 1040;
  height: 219px;
}

.ModalFullPage__headerImg {
  width: 56px;
  height: 56px;
}

.ModalFullPage__headerTextCover {
  padding: 10px 0;
}

.ModalFullPage__headerTitle {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 500;
  line-height: 1.1;
  color: #fff;
  margin: 0;
}

.ModalFullPage__headerText {
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.3;
  color: #fff;
  margin: 8px 0 0;
}

.ModalFullPage__containerBody {
  width: 80%;
  max-width: 1100px;
  margin: -40px auto 0;
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding: 0;
}

.ModalFullPage__titleBody {
  padding: 24px 0;
  border-bottom: 1px solid #ccc;
  margin: 0;
}

.ModalFullPage__buttonsFooter {
  width: 80%;
  max-width: 1100px;
  margin: 24px auto 0;
  top: 580px;
  position: absolute;
}

.ModalFullPage__scrollContainer {
  padding: 24px 0;
  height: 50vh;
  max-height: 500px;
  overflow-y: auto;
}

.ModalFullPage__buttonsFooter {
  text-align: right;
}

.ModalFullPage__buttonsFooter>*+* {
  margin-left: 16px;
}

.ModalFullPageCompare__header {
  padding: 18px 24px 52px;
  background-image: -webkit-linear-gradient(168deg, #F08E00, #F36F20);
  background-image: linear-gradient(282deg, #F08E00, #F36F20);
  position: relative;
  text-align: center;
  z-index: 1040;
  height: 70px;
}

.fullpageModalBodyContentFilter.modal-content.modal-body {
  z-index: 99999;
  display: block;
  margin: 0 auto;
  border: none;
}

.fullpageModal__compareFunds .modal-content {
  background-color: #f5f5f5;
  background-image: url(../graphics/main-bg2.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.fullpageModalZIndexController .usabilla_live_button_container,
.fullpageModalZIndexController .theTutorial__trigger {
  z-index: 999999 !important;
}

.fullpageModalZIndexController .usabilla_scroller_area:before {
  content: '';
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #555;
  opacity: 0.8;
}

.FundsFilterModal__secondfund {
  width: 460px;
  height: 947px;
  border-radius: 1px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.05);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.05);
  border: solid 1px #e6e6e6;
  float: right;
  margin-right: 170px;
}

.FundsFilterModal__footer {
  max-width: 940px;
  border-radius: 1px;
  background-color: #e6e6e6;
  border: solid 1px #e6e6e6;
  margin: 0 auto;
  margin-bottom: 16px;
  margin-top: 8px;
  padding: 24px 36px;
  position: relative;
  font-size: 10px;
  font-size: .66667rem;
}

.FundsFilterModal__footer .CompareContainer__textFooter {
  margin-bottom: 0;
}

.modal__innerSpacer {
  padding: 20px;
}

@media only screen and (min-width: 768px) {
  .modal__innerSpacer {
    padding: 40px;
  }
}

.authorizationWrapper {
  text-align: center;
}

.authorizationWrapper .authorization {
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .authorizationWrapper .authorization__inputWrapper {
    display: inline-block;
    width: 220px;
    vertical-align: middle;
  }
}

.authorizationWrapper .authorization__button {
  display: block;
}

@media only screen and (min-width: 768px) {
  .authorizationWrapper .authorization__button {
    display: inline-block;
    vertical-align: middle;
  }
}

.authorizationWrapper .authorization__inputWrapper+.authorization__button {
  margin-left: 16px;
}

.transactionIdbox {
  text-align: center;
}

.transactionIdbox__box {
  background-color: #f5f5f5;
  font-size: 14px;
  font-size: .93333rem;
  line-height: 1.57;
  display: inline-block;
  color: #262626;
  padding: 7px 28px;
  border-radius: 4px;
}

.fakeModalWrapper .modal {
  display: block;
}

.fakeModalWrapper .modal .modal-dialog .modal-content {
  border-radius: 10px;
  overflow: hidden;
}

.fakeModalWrapper .modal .modal-body {
  padding: 15px;
}

.fakeModalCurtain {
  position: absolute;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tradingControls__modal.modal-backdrop {
  z-index: 99999;
}

.tradingControls__modal.modal-dialog {
  z-index: 100000;
  width: 450px;
}

.tradingControls__modal .modal-content {
  max-width: 450px;
}

.tradingControls__modal .modal-footer {
  padding: 24px 16px;
}

.tradingControls__modal .modal-footer>div {
  padding: 0;
}

.tradingControls__modal .branch-info-text a {
  color: #4d4d4d;
}

.modal__scrollContainer {
  height: 270px;
  padding: 24px;
  text-align: left;
  border-radius: 4px;
  background-color: #fafafa;
  border: solid 1px #e6e6e6;
  overflow: scroll;
}

@media only screen and (min-width: 768px) {
  .modal__scrollContainer {
    margin: 0 40px 25px;
  }
}

.lbs {
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .lbs .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.lbsHeader .nav-tabs {
  padding: 0 10px;
}

@media only screen and (min-width: 1024px) {
  .lbsHeader .nav-tabs {
    padding: 0;
  }
}

.lbsHeader .nav-tabs li>a:after {
  left: 4px;
}

@media only screen and (min-width: 1024px) {
  .lbsHeader .nav-tabs li>a:after {
    left: 0;
  }
}

.lbsHeader__title {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: lighter;
}

@media only screen and (max-width: 767px) {
  .lbsHeader__title {
    display: none;
  }
}

.panel--lbs {
  min-height: 52px;
}

@media only screen and (max-width: 767px) {
  .panel--lbs {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .panel--lbs+div .container {
    padding: 0;
  }
}

.panel--lbs .large-nav-tabs li a {
  font-size: 16px;
  font-size: 1.06667rem;
}

.login .offcanvas {
  margin-left: 0;
}

.login .offcanvas .lbsBody__listWrapper__scroll-container {
  background-color: #fff;
}

.login .offcanvas .large-nav-tabs {
  background-color: #fff;
  padding-left: 20px;
}

.lbsBody {
  position: relative;
  -webkit-transition: padding-right .4s ease, padding-left .4s ease;
  transition: padding-right .4s ease, padding-left .4s ease;
  -webkit-box-shadow: 0 -1px -5px rgba(0,0,0,0.15);
  box-shadow: 0 -1px -5px rgba(0,0,0,0.15);
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .lbsBody {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) {
  .lbsBody.listActive {
    padding-right: 378px;
  }
}

@media only screen and (min-width: 1024px) {
  .lbsBody {
    padding-right: 378px;
  }
}

.lbsBody__listWrapper {
  position: relative;
  -webkit-transition: right .4s ease, left .4s ease;
  transition: right .4s ease, left .4s ease;
}

@media only screen and (max-width: 767px) {
  .lbsBody__listWrapper {
    display: none;
  }

  .lbsBody__listWrapper.active {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .lbsBody__listWrapper {
    top: 0;
    position: absolute;
    right: -390px;
    width: 378px;
    height: 100%;
    -webkit-box-shadow: -5px -1px 5px rgba(0,0,0,0.15);
    box-shadow: -5px -1px 5px rgba(0,0,0,0.15);
    z-index: 3;
  }

  .lbsBody__listWrapper.active {
    right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .lbsBody__listWrapper {
    display: block;
    right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .lbsBody__listWrapper__scroll-container {
    position: static;
  }
}

.lbsBody__mapWrapper {
  width: 100%;
  height: 628px;
  position: relative;
  min-height: 680px;
  border-radius: 4px;
}

.lbsBody__mapWrapper #map {
  width: 100%;
  height: 100%;
}

.lbsBody__mapWrapper.panel {
  padding-top: 0px;
  margin-bottom: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lbsBody__activatorBody {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .lbsBody__activatorBody {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
    padding: 15.5px 15px 19.5px 30px;
    font-size: 20px;
    font-size: 1.33333rem;
    border: none;
    font-weight: 300;
    color: #4d4d4d;
    background-color: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: -5px 1px 5px rgba(0,0,0,0.2);
    box-shadow: -5px 1px 5px rgba(0,0,0,0.2);
    z-index: 19;
  }

  .lbsBody__activatorBody:before {
    position: absolute;
    content: "\e61c";
    top: 50%;
    left: 12px;
    margin-top: -10px;
    font-family: 'icomoon';
    font-size: 12px;
    font-size: .8rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  .lbsBody__activatorBody.active {
    color: #fff;
    background-color: #4d4d4d;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  .lbsBody__activatorBody.active {
    right: 378px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  .lbsBody__activatorBody.active {
    right: 378px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .lbsBody__activatorBody.active:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.lbsBody__activatorBody--mobile {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  z-index: 19;
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  background-color: #fff;
  -webkit-box-shadow: -5px -2px 5px rgba(0,0,0,0.2);
  box-shadow: -5px -2px 5px rgba(0,0,0,0.2);
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  color: #4d4d4d;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .lbsBody__activatorBody--mobile {
    display: none;
    height: 0;
    padding: 0;
  }
}

.lbsBody__activatorBody .openForm {
  display: none;
}

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

.lbsBody__activatorBody .closeForm {
  display: none;
  color: #fff;
}

.lbsBody__locateMe {
  position: absolute;
  bottom: 125px;
  right: 10px;
  width: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 18px;
  font-size: 1.2rem;
  background-color: #fff;
  color: #4a8ee1;
  -webkit-box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.298039);
  box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.298039);
  border-radius: 2px;
  border: none;
}

.lbsBody__searchCont {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  padding: 7px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .lbsBody__searchCont {
    padding: 15px;
  }
}

.lbsBody__searchInputCover {
  background-color: #fff;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  width: 70%;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  border-radius: 4px;
  border: solid 1px #d9d9d9;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .lbsBody__searchInputCover {
    width: 70%;
  }
}

@media only screen and (min-width: 1024px) {
  .lbsBody__searchInputCover {
    width: 90%;
    width: "calc(100% - 63px)";
  }
}

.lbsBody__searchInputCover .icon-search {
  position: absolute;
  top: 12px;
  left: 9px;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #757575;
}

.lbsBody__searchInputCover input.large {
  height: 40px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border-radius: 4px !important;
  -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;
}

.lbsBody__searchInputCover input.large.ibsLocations__searchInputCover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

.lbsBody__searchFilterButton {
  width: 40px;
  line-height: 40px;
  margin-left: 7px;
  padding: 0;
  border: solid 1px #d9d9d9;
  font-size: 24px;
  font-size: 1.6rem;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
  box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
  border-radius: 4px;
}

@media only screen and (min-width: 768px) {
  .lbsBody__searchFilterButton {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 1024px) {
  .lbsBody__searchFilterButton {
    margin-left: 0;
    float: right;
  }
}

.lbsBody__searchFilterButton .icon-adjust {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  color: #585858;
}

.lbsBody__filterItem+.lbsBody__filterItem {
  margin-top: 15px;
}

.filterCheckbox__icon {
  position: absolute;
  display: inline-block;
  font-size: 20px;
  font-size: 1.33333rem;
  top: 50%;
  margin-top: -10px;
  color: #7a7a7a;
}

.filterCheckbox__text {
  display: inline-block;
  padding: 0 30px;
  color: #262626;
}

.lbsBody__searchFilterFlyOut {
  position: absolute;
  width: 275px;
  position: absolute;
  right: 15px;
  top: 68px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .lbsBody__searchFilterFlyOut {
    right: -webkit-calc(30% - 50px);
    right: calc(30% - 50px);
  }
}

@media only screen and (min-width: 1024px) {
  .lbsBody__searchFilterFlyOut {
    right: 15px;
  }
}

.lbsBody__searchFilterFlyOut:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 2;
}

.lbsBody__searchFilterFlyOut .panel {
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
  box-shadow: 0 0 4px rgba(0,0,0,0.4);
}

.lbsBody__searchFilterFlyOut__panel-heading {
  padding: 17px 15px 13px;
  background-color: #e6e6e6;
}

.lbsBody__searchFilterFlyOut__panel-heading .custom-checkbox label {
  text-align: left;
  color: #262626;
  font-size: 13px;
  font-size: .86667rem;
  font-weight: 400;
}

.lbsBody__searchFilterTitle {
  color: #262626;
  font-size: 11px;
  font-size: .73333rem;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 15px;
}

.lbsBody__searchFilterFlyOutLink {
  float: left;
  margin-top: 5px;
  font-size: 14px;
  font-size: .93333rem;
  color: #262626;
}

.lbsBody__searchFilterFlyOutButton {
  float: right;
}

.panel-footerButton {
  overflow: hidden;
  padding: 10px;
}

.filterCheckbox__label {
  position: relative;
  color: #4d4d4d !important;
  text-align: left !important;
  font-weight: 400 !important;
}

.filterCheckbox__label:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  margin-top: -12px;
  height: 24px;
  width: 24px;
  background: url(../graphics//checkbox.png) no-repeat 0 0;
}

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

.filterCheckbox__input:checked+.filterCheckbox__label:after {
  background-position: left bottom;
}

.lbsAutoComplete {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 1000;
  border-radius: 4px;
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
  background-color: #fff;
}

.lbsAutoComplete__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #d6d6d6;
}

.lbsAutoComplete__item {
  position: relative;
  margin-left: 40px;
}

.lbsAutoComplete__item+.lbsAutoComplete__item {
  border-top: 1px solid #d6d6d6;
}

.lbsAutoComplete__link {
  line-height: 40px;
  display: block;
  font-size: 15px;
  font-size: 1rem;
  color: #262626;
}

.lbsAutoComplete__icon {
  position: absolute;
  left: -28px;
  top: 50%;
  margin-top: -8px;
  color: #262626;
  font-size: 16px;
  font-size: 1.06667rem;
}

.lbsBody__listPanelTitle {
  font-size: 18px;
  font-size: 1.2rem;
  color: #262626;
  padding: 20px 24px;
  margin: 0;
}

.lbsBody__detail__no-data {
  padding: 20px 15% 0;
}

.lbsBody__detailTitle {
  margin: 0;
  padding: 20px 15px 6px;
  font-size: 12px;
  font-size: .8rem;
  font-weight: 400;
  color: gray;
  border-bottom: 1px solid #e6e6e6;
}

.lbsBody__detailList {
  padding: 0;
  margin: 0 0 15px;
  list-style-type: none;
}

.lbsBody__detailItem__myBranch {
  background-color: #f5f5f5;
  border-bottom: 1px solid #dedede;
}

.lbsBody__detailItem:first-child {
  border-top: none;
}

.lbsBody__detailItemLink {
  display: block;
  position: relative;
  padding: 15px 10px 15px 70px;
}

.lbsBody__detailItemLink:hover,
.lbsBody__detailItemLink.active {
  background-color: #e6e6e6;
}

.lbsBody__detailIcon {
  position: absolute;
  left: 0;
  top: 50%;
  width: 70px;
  margin-top: -20px;
  text-align: center;
}

.lbsBody__detailIcon img {
  max-width: 100%;
}

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

.lbsBody__detailCoverTitle {
  display: block;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #262626;
}

.lbsBody__detailCoverText {
  color: #404040;
  font-size: 12px;
  font-size: .8rem;
  display: block;
  margin-bottom: 0;
}

.infoPanel {
  background-color: #fff;
}

.infoPanel__headingBack {
  display: block;
  background-color: #f5f5f5;
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 28px;
  padding: 17.5px 15px;
  color: #4d4d4d;
  font-weight: 300;
}

.infoPanel__headingBack .icon-in-btn {
  font-size: 20px;
  font-size: 1.33333rem;
}

.infoPanel__heading {
  position: relative;
  padding: 20px 15px 40px 0;
  color: #fff;
  background-color: #4d4d4d;
}

.infoPanel__detailIconWrapper {
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 20px;
  width: 90px;
}

.infoPanel__detailIconWrapper>span {
  max-width: 62px;
  display: block;
  margin: 0 auto;
}

.infoPanel__detailIconWrapper img {
  max-width: 100%;
}

.infoPanel__detailIconWrapper .infoPanel__distance {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.infoPanel__distance {
  font-size: 12px;
  font-size: .8rem;
  color: #404040;
}

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

.infoPanel__detailCoverTitle {
  font-size: 16px;
  font-size: 1.06667rem;
}

.infoPanel__detailCoverText {
  margin-bottom: 5px;
  font-size: 14px;
  font-size: .93333rem;
  color: #cacaca;
}

.infoPanel__detailItemLink {
  display: block;
  position: relative;
  padding-left: 90px;
}

.infoPanel__detailItemWorkingHours {
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 700;
}

.infoPanel__detailItemWorkingHours.closed {
  color: #DE5B3D;
}

.infoPanel__getDirection {
  position: absolute;
  bottom: -19px;
  right: 20px;
  width: 54px;
  line-height: 54px;
  font-size: 24px;
  font-size: 1.6rem;
  text-align: center;
  color: #367df3;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
  box-shadow: 0 3px 3px rgba(0,0,0,0.15);
}

.infoPanel__body {
  padding: 20px 15px 20px 20px;
}

.infoPanel__body .no-data--desc {
  font-size: 14px;
  font-size: .93333rem;
  color: #404040;
}

.infoPanel__details {
  padding-bottom: 20px;
}

.infoPanel__detailSubtitle {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
}

.infoPanel__detailList {
  margin: 0;
  padding: 0;
  list-style: none;
}

.infoPanel__detailListLi {
  position: relative;
  margin-left: 50px;
  padding: 10px 0;
  font-size: 14px;
  font-size: .93333rem;
}

.infoPanel__detailListLi+.infoPanel__detailListLi {
  border-top: 1px solid #e2e2e2;
}

.infoPanel__detailListIcon {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -12px;
  margin-right: 25px;
  font-size: 22px;
  font-size: 1.46667rem;
}

.infoPanel__openingHoursList {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 300;
}

.infoPanel__openingHoursList__day {
  float: left;
  width: 30%;
}

.infoPanel__openingHoursList__hours {
  float: left;
  width: 70%;
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .infoPanel__closeDetails+.lbsBody__listWrapper__scroll-container {
    margin-top: 63px;
  }
}

.gm-style-mtc {
  top: auto !important;
  bottom: 14px;
  right: 0;
}

.modal-location {
  width: 80%;
  display: inline-block;
  vertical-align: middle;
}

.btn-ibs-location {
  border-radius: 4px;
}

.infoContent {
  padding: 8px;
}

.infoContent__title {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #262626;
  margin: 0;
  font-family: "HelveticaNeueW02";
}

.infoContent__text {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: gray;
  margin: 0;
  font-family: "HelveticaNeueW02";
}

.infoContent__workTime {
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #262626;
  margin: 8px 0 0;
  font-family: "HelveticaNeueW02";
}

.infoContent__icon {
  width: 5px;
  height: 5px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  border-radius: 50%;
}

.infoContent__icon.status-red {
  background-color: #DE5B3D;
}

.infoContent__icon.status-green {
  background-color: #2b8804;
}

#errorPositioningUser .modal-dialog {
  max-width: 500px;
  width: 100%;
}

#errorPositioningUser .modal-body--activation {
  padding: 24px;
}

#errorPositioningUser .modal-title--large {
  margin: 16px auto 32px;
}

@media only screen and (max-width: 767px) {
  #errorPositioningUser .spacerMobile {
    margin-top: 16px;
  }
}

.nav-holder {
  width: 70px;
  height: 70px;
  display: inline-block;
  position: relative;
  float: left;
  width: 305px;
}

@media only screen and (max-width: 1023px) {
  .nav-holder {
    width: 70px;
  }

  .search-and-actions .nav-holder {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .navigation-logo {
    display: none;
  }
}

.navigation-logo.mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .navigation-logo.mobile {
    display: block;
    height: 50px;
  }
}

.navigation-logo.mobile .navigation__item {
  width: 100%;
}

.navigation-logo.mobile .navigation__item .navigation__link {
  opacity: 1 !important;
  background: #F36F20;
  background: -webkit-linear-gradient(315deg, #F36F20 77%, #F08E00 100%);
  background: linear-gradient(135deg, #F36F20 77%, #F08E00 100%);
}

.navigation-logo.mobile .logo-wide,
.navigation-logo.mobile .logo-small {
  height: 50px;
}

.navigation-logo.mobile .logo-small {
  background-size: 24px 24px;
}

.navigation-logo.mobile .logo-wide.cib {
  background-size: auto 16px;
}

.navigation-logo .logo-wide {
  display: block;
  height: 70px;
  background-image: url(../graphics/logo_menu_text.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 19px;
}

.alex .navigation-logo .logo-wide {
  background-size: auto 21px;
}

.navigation-logo .logo-small {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  background-image: url(../graphics/logo_menu.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
}

#main-content {
  position: relative;
  left: 0;
  -webkit-transition: left .3s ease 0s;
  transition: left .3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .navigation.visible+.navigation__curtain+#main-content {
    left: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation.visible+.navigation__curtain+#main-content {
    left: 260px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .no-touch .navigation:hover+#main-content,
  .no-touch .navigation:hover+*+#main-content,
  .no-touch .navigation:hover+*+*+#main-content,
  .navigation.subMenuOpen+#main-content,
  .navigation.subMenuOpen+*+#main-content,
  .navigation.subMenuOpen+*+*+#main-content,
  .navigation.menuFocus+#main-content,
  .navigation.menuFocus+*+#main-content,
  .navigation.menuFocus+*+*+#main-content,
  .navigation.popOverOpen+#main-content,
  .navigation.popOverOpen+*+#main-content,
  .navigation.popOverOpen+*+*+#main-content {
    left: 190px;
  }
}

.navigation {
  background-position: left top;
  position: fixed;
  list-style-type: none;
  z-index: 1039;
  overflow-x: hidden;
  top: 50px;
  width: 100%;
  height: -webkit-calc(100% - 50px);
  height: calc(100% - 50px);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: left 0.3s ease,-webkit-transform 0.25s;
  transition: left 0.3s ease,-webkit-transform 0.25s;
  transition: transform 0.25s,left 0.3s ease;
  transition: transform 0.25s,left 0.3s ease,-webkit-transform 0.25s;
  -webkit-transition: -webkit-transform 0.25s,left 0.3s ease;
}

.navigation.ghost {
  overflow: visible !important;
  z-index: 1038;
}

.navigation.subMenuOpen .navigation__link {
  opacity: 0.5;
}

@media only screen and (max-width: 767px) {
  .navigation {
    background-color: #fff;
  }
}

@media only screen and (max-width: 1023px) {
  .navigation.visible {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@media only screen and (min-width: 768px) {
  .navigation {
    top: 102px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px);
    top: 92px;
    height: -webkit-calc(100% - 84px);
    height: calc(100% - 84px);
    width: 260px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .navigation {
    height: auto;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: 70px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15) "";
    box-shadow: 0 0 5px rgba(0,0,0,0.15) "";
    border-width: 0;
  }

  .navigation.active,
  .navigation.subMenuOpen,
  .navigation.popOverOpen,
  .navigation.menuFocus,
  .navigation:focus,
  .no-touch .navigation:hover {
    width: 260px;
  }

  .navigation.visible {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@media only screen and (min-width: 1280px) {
  .navigation {
    width: 280px;
    height: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    left: 50%;
    margin-left: -608px;
  }

  .navigation.visible {
    left: 50%;
  }
}

.navigation .navigation__slide {
  display: table-cell;
  font-size: 14px;
  font-size: .93333rem;
}

@media screen and (max-height: 650px) {
  .navigation .navigation__slide {
    font-size: 12px;
    font-size: .8rem;
  }
}

.ie8 .navigation {
  border-width: 0;
  width: 260px;
}

.ie8 .navigation .navigation__mainItems:after {
  opacity: 1;
}

.navigation__touchOpenMenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  bottom: 0;
  z-index: 100;
}

.menuFocus .navigation__touchOpenMenu,
.blockScrollMenu .navigation__touchOpenMenu,
.navigation:hover .navigation__touchOpenMenu {
  display: none;
}

.navigation__curtain {
  visibility: hidden;
  opacity: 0;
  background: #555;
  background: rgba(255,255,255,0.1);
  position: absolute;
  z-index: 99998;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity .3s ease, visibility 0s .3s ease;
  transition: opacity .3s ease, visibility 0s .3s ease;
}

@media only screen and (max-width: 1280px) {
  .navigation.visible+.navigation__curtain {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    visibility: visible;
    opacity: 1;
    left: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .navigation__curtain {
    top: 50px;
  }
}

.navigation__mainItems {
  position: relative;
  margin-left: 0;
}

.navigation__mainItems .navigation__mainItems {
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  .navigation__mainItems {
    margin-left: 12px;
    width: 250px;
  }
}

.popover .navigation__mainItems {
  margin-left: -14px !important;
  margin-right: -14px !important;
}

.popover .navigation__mainItems .navigation__link {
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 40px;
  margin-bottom: 0;
}

.navigation__mainItems>ul {
  height: auto;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  margin: 0;
  list-style: none;
}

.navigation__mainItems>ul .submenu-active>.navigation__link>.navigation__icon {
  color: #F36F20;
}

.navigation__mainItems.searching li {
  display: none;
}

.navigation__mainItems.searching li:first-child {
  display: block;
}

.navigation__search {
  position: relative;
  color: #fff;
}

.navigation__searchInput {
  position: relative;
}

.navigation__searchInput__input {
  position: relative;
  width: 100%;
  height: 30px;
  padding: 16px;
  font-size: 14px;
  line-height: 30px;
  color: #4d4d4d;
  border: none;
  background-color: #fff;
  background-color: rgba(255,255,255,0.2);
}

@media only screen and (max-width: 767px) {
  .navigation__searchInput__input {
    background: none;
  }
}

.navigation__searchInput__input::-webkit-input-placeholder,
.navigation__searchInput__input:-moz-placeholder,
.navigation__searchInput__input::-moz-placeholder,
.navigation__searchInput__input:-ms-input-placeholder {
  color: gray;
  font-size: 14px;
  font-size: .93333rem;
}

.navigation__searchInput__btnClear {
  position: absolute;
  display: none;
  right: 0;
  top: 50%;
  padding: 10px;
  font-size: 8px;
  color: #4d4d4d;
  background-color: transparent;
  border: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navigation__searchInput__btnClear.active {
  display: block;
}

@media only screen and (min-width: 768px) {
  .navigation__searchInput:before {
    content: '\e60f';
    position: absolute;
    font-family: 'icomoon';
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.navigation__listItem {
  display: none;
}

.navigation__listItem.visible {
  display: list-item;
}

.navigation__linkListItem,
.navigation__listNoResults {
  padding: 8px 16px;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 300;
  line-height: 1.1;
  color: #4d4d4d;
}

.navigation__listNoResults {
  display: none;
}

.navigation__listNoResults.visible {
  display: block;
}

.navigation__linkListItem {
  display: block;
}

.navigation__linkListItem:focus,
.navigation__linkListItem:hover {
  color: #e85825;
}

.navigation__item .navigation__link--chat {
  position: absolute;
  right: 0;
  top: 0;
  height: 70px;
  width: 70px;
  font-size: 28px;
  font-size: 1.86667rem;
  line-height: 70px;
  text-align: center;
  z-index: 1;
}

.navigation__item .navigation__link--chat span.icon {
  color: #fff;
  text-align: right;
  line-height: 70px;
  padding: 0;
}

.navigation__item .navigation__link--chat: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%);
}

.navigation__item .navigation__link--back.menu-toggle-btn {
  position: absolute;
  background: none;
  border: 0;
  right: 0;
  left: auto;
  top: 0;
  height: 50px;
  width: 50px;
  font-size: 22px;
  font-size: 1.46667rem;
  line-height: 50px;
  text-align: center;
}

.navigation__item .navigation__link--back.menu-toggle-btn span {
  color: #fff;
  text-align: right;
  line-height: 50px;
}

.navigation__item .navigation__link {
  background-color: #fff;
}

@media only screen and (min-width: 768px) {
  .navigation__item .navigation__link {
    background-color: transparent;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255,255,255,0.4)), to(rgba(255,255,255,0.7)));
    background-image: -webkit-linear-gradient(right, rgba(255,255,255,0.4), rgba(255,255,255,0.7));
    background-image: linear-gradient(to left, rgba(255,255,255,0.4), rgba(255,255,255,0.7));
    -webkit-box-shadow: 0 1px 0 0 rgba(166,166,166,0.2);
    box-shadow: 0 1px 0 0 rgba(166,166,166,0.2);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    margin-bottom: 1px;
  }

  .navigation__item .navigation__link.active {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,0.8)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.9), rgba(255,255,255,0.8));
    background-image: linear-gradient(to right, rgba(255,255,255,0.9), rgba(255,255,255,0.8));
    -webkit-box-shadow: 0 1px 0 0 rgba(166,166,166,0.2);
    box-shadow: 0 1px 0 0 rgba(166,166,166,0.2);
  }
}

@media only screen and (max-width: 767px) {
  .navigation__item .navigation__link.visible-xs {
    display: table !important;
  }
}

.navigation__item.logo .navigation__link {
  background-color: #F36F20;
  background-image: none;
}

.navigation__item.avatar {
  cursor: pointer;
  position: relative;
  display: none;
}

.navigation__item.avatar .user-text {
  color: #fff;
  font-size: 14px;
  font-size: .93333rem;
  font-weight: 300;
  width: 155px;
}

@media only screen and (max-width: 1023px) {
  .navigation__item.avatar {
    display: block;
  }
}

.navigation__item.avatar:after {
  color: #fff;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90c";
  font-size: 12px;
  font-size: .8rem;
  position: absolute;
  bottom: 30px;
  right: 17px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

@media only screen and (max-width: 1023px) {
  .navigation__item.avatar:after {
    bottom: 50%;
    margin-bottom: -6px;
  }
}

.navigation__item.avatar.isActive:after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.navigation__item.avatar .navigation__icon {
  background-color: transparent;
}

.navigation__item.avatar .navigation__icon .avatar-img-holder {
  display: inline-block;
  width: 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff url(../graphics/icons/icon_avatar.svg) no-repeat center center;
  overflow: hidden;
  margin-right: 15px;
  margin-left: 10px;
}

.navigation__item.avatar .navigation__slide {
  border-bottom: 0;
  height: 80px;
  display: table-cell;
}

.navigation__item.avatar .navigation__slide:first-child {
  border-right: 1px solid red;
}

.menuActions {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .menuActions {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .menuActions {
    margin-left: 12px;
    width: 250px;
  }
}

.menu-avatar-actions,
.menuActions__menu {
  overflow: hidden;
  height: 60px;
  -webkit-transition: height .3s ease;
  transition: height .3s ease;
  background-color: #fff;
  border-bottom: 2px solid #e6e6e6;
}

.menu-avatar-actions:after,
.menuActions__menu:after {
  border-bottom: 2px solid #e6e6e6;
  content: '';
}

.menu-avatar-actions a,
.menuActions__menu a {
  color: #b3b3b3;
  position: relative;
  padding: 0 5px;
  height: 64px;
}

.menu-avatar-actions a .icon,
.menuActions__menu a .icon {
  padding: 0;
}

.menu-avatar-actions a[aria-expanded='true'] .icon,
.menuActions__menu a[aria-expanded='true'] .icon {
  color: #F36F20;
  font-size: 20px;
  font-size: 1.33333rem;
}

.isActive+.menu-avatar-actions,
.isActive+.menuActions__menu {
  height: 70px;
}

.menu-avatar-actions.isActive,
.menuActions__menu.isActive {
  height: 70px;
}

.menu-avatar-actions .menu-logout,
.menu-avatar-actions .menu-settings,
.menu-avatar-actions .menu-myspace,
.menu-avatar-actions .menu-search,
.menu-avatar-actions .menu-chat,
.menuActions__menu .menu-logout,
.menuActions__menu .menu-settings,
.menuActions__menu .menu-myspace,
.menuActions__menu .menu-search,
.menuActions__menu .menu-chat {
  display: block;
  overflow: hidden;
  float: left;
  width: 33.333%;
  text-align: center;
  padding-top: 22px;
  font-size: 8px;
  font-size: .53333rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: gray;
}

.menu-avatar-actions .menu-logout:hover span,
.menu-avatar-actions .menu-logout:focus span,
.menu-avatar-actions .menu-settings:hover span,
.menu-avatar-actions .menu-settings:focus span,
.menu-avatar-actions .menu-myspace:hover span,
.menu-avatar-actions .menu-myspace:focus span,
.menu-avatar-actions .menu-search:hover span,
.menu-avatar-actions .menu-search:focus span,
.menu-avatar-actions .menu-chat:hover span,
.menu-avatar-actions .menu-chat:focus span,
.menuActions__menu .menu-logout:hover span,
.menuActions__menu .menu-logout:focus span,
.menuActions__menu .menu-settings:hover span,
.menuActions__menu .menu-settings:focus span,
.menuActions__menu .menu-myspace:hover span,
.menuActions__menu .menu-myspace:focus span,
.menuActions__menu .menu-search:hover span,
.menuActions__menu .menu-search:focus span,
.menuActions__menu .menu-chat:hover span,
.menuActions__menu .menu-chat:focus span {
  color: #F36F20;
}

.menu-avatar-actions .menu-logout .icon,
.menu-avatar-actions .menu-settings .icon,
.menu-avatar-actions .menu-myspace .icon,
.menu-avatar-actions .menu-search .icon,
.menu-avatar-actions .menu-chat .icon,
.menuActions__menu .menu-logout .icon,
.menuActions__menu .menu-settings .icon,
.menuActions__menu .menu-myspace .icon,
.menuActions__menu .menu-search .icon,
.menuActions__menu .menu-chat .icon {
  display: block;
  font-size: 18px;
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: gray;
}

.menu-avatar-actions .menu-logout .text,
.menu-avatar-actions .menu-settings .text,
.menu-avatar-actions .menu-myspace .text,
.menu-avatar-actions .menu-search .text,
.menu-avatar-actions .menu-chat .text,
.menuActions__menu .menu-logout .text,
.menuActions__menu .menu-settings .text,
.menuActions__menu .menu-myspace .text,
.menuActions__menu .menu-search .text,
.menuActions__menu .menu-chat .text {
  font-size: 8px;
  font-size: .53333rem;
  margin-bottom: 0;
}

.menu-avatar-actions.fourItems .menu-logout,
.menu-avatar-actions.fourItems .menu-settings,
.menu-avatar-actions.fourItems .menu-myspace,
.menu-avatar-actions.fourItems .menu-search,
.menu-avatar-actions.fourItems .menu-chat,
.menuActions__menu.fourItems .menu-logout,
.menuActions__menu.fourItems .menu-settings,
.menuActions__menu.fourItems .menu-myspace,
.menuActions__menu.fourItems .menu-search,
.menuActions__menu.fourItems .menu-chat {
  width: 25%;
}

a.navigation__link {
  position: relative;
  display: table;
  height: 60px;
  width: 100%;
  color: #4d4d4d;
}

@media only screen and (max-width: 767px) {
  a.navigation__link {
    height: 56px;
  }
}

@media only screen and (max-width: 767px) {
  .navigation__item.logo a.navigation__link {
    height: 50px;
  }
}

@media screen and (max-height: 760px) {
  a.navigation__link {
    height: 50px;
  }
}

@media screen and (max-height: 650px) {
  a.navigation__link {
    height: 40px;
  }
}

a.navigation__link:focus,
a.navigation__link:hover {
  color: #F36F20;
  -webkit-text-fill-color: #F36F20;
}

.navigation__icon {
  vertical-align: middle;
  display: table-cell;
  width: 60px;
  height: 50px;
  text-align: center;
  background-color: transparent;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

@media only screen and (max-width: 1280px) {
  .navigation__icon {
    width: 60px;
  }
}

@media screen and (max-height: 650px) {
  .navigation__icon {
    height: 40px;
  }
}

.navigation__icon [class^='icon-'] {
  font-size: 20px;
  font-size: 1.33333rem;
  vertical-align: middle;
  display: inline-block;
  margin-top: -2px;
}

.navigation__icon [class^='icon-'].icon-off {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 24px;
}

.navigation__icon.active {
  color: #F36F20;
  -webkit-text-fill-color: #F36F20;
}

.navigation__icon.active:before {
  content: '';
  display: inline-block;
  width: 4px;
  position: absolute;
  left: -2px;
  top: 5px;
  bottom: 5px;
  border-radius: 4px;
  border-radius: 28px;
  background-color: #F36F20;
}

.navigation__icon.active+.navigation__slide {
  color: #F36F20;
  font-weight: 700;
}

input[type="search"] {
  -webkit-appearance: none;
  height: 50px;
  border: 0;
  width: 100%;
}

.navigation__slide {
  vertical-align: middle;
  display: table-cell;
}

.navigation__item--withSubmenu .navigation__slide:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b";
  font-size: 12px;
  font-size: .8rem;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 30px;
}

.navigation__item--withAccordion .navigation__slide:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e974";
  font-size: 12px;
  font-size: .8rem;
  position: absolute;
  top: 24px;
  right: 30px;
}

.menuActions__subMenu .panel-body {
  background-color: #f5f5f5;
}

.menuActions__subMenu--settings .panel-body {
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.menuActions__subMenu--settings .panel-body a {
  width: 50%;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-size: .8rem;
  color: gray;
}

.menuActions__subMenu--settings .panel-body a .icon {
  font-size: 24px;
  font-size: 1.6rem;
  margin-bottom: 8px;
  padding: 5px;
  display: block;
}

.menuActions__subMenu--settings .panel-body a:hover {
  color: #F36F20;
}

.menuActions__subMenu--settings .panel-body .text {
  display: block;
}
/*# sourceMappingURL=digical-blessed2.css.map */