html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* ==========================================================================
	Grid System
========================================================================== */
.row-full, .row-public {
  min-width: 960px;
  margin: 0 auto;
  width: 960px;
}

.row {
  width: 960px;
}
.row:first-child {
  margin-top: 0;
}

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

[class*='col-'] {
  float: left;
}

.col-1-2 {
  width: 467px;
}

.col-1-2:first-child {
  padding-right: 26px;
}

.col-1-3 {
  width: 240px;
}

.col-2-3 {
  width: 694px;
}

.col-2-3 + .col-1-3 {
  padding-left: 26px;
}

.col-1-3 + .col-2-3 {
  padding-left: 26px;
}

.col-1 {
  width: 960px;
}

/* ==========================================================================
	Utility Classes
========================================================================== */
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-float {
  clear: both;
}

.no-float {
  float: none;
}

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

.hide {
  display: none !important;
}

.center-page {
  margin: 0 auto;
  position: relative;
  width: 960px;
}

.inline-separator {
  height: 20px;
  width: 1px;
  margin: 2px 13px;
  border-right: 1px solid #FFF;
}

.align-middle-text {
  height: 26px;
  line-height: 26px;
}

.distance-element, .resume-acount-container .resume-label {
  margin-left: 15px;
}

.distance-element-medium {
  margin-left: 10px;
}

.distance-element-small, .details-resume-dash .currency-pair, .resume-acount-container .resume-value, .resume-acount-container .currency-pair {
  margin-left: 5px;
}

.distance-element-small-important {
  margin-left: 5px !important;
}

.distance-element-top {
  margin-top: 15px;
}

.distance-element-top-small {
  margin-top: 5px;
}

.drop-border {
  border-bottom: 0 !important;
}

.drop-border-top {
  border-top: 0 !important;
}

.drop-margin {
  margin-bottom: 0px !important;
}

.same-row {
  float: left;
  display: inline-block;
}

.displayNone {
  display: none;
}

.distance-from-edge {
  margin-right: 4px;
}

.modules-top-gutter {
  margin-top: 26px;
}

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

.center-radio-boxes {
  position: relative;
  top: 4px;
}

.override-distance-element-small {
  margin-left: 0px !important;
}

/* ==========================================================================
	Theme variables
========================================================================== */
/*	Theme colors
========================================================================== */
/*	Theme sizes
========================================================================== */
/*  Dialog variables
========================================================================== */
/* ==========================================================================
	Globals - Elements 
========================================================================== */
html,
body {
  color: #2d2d2d;
  font-size: 12px;
  line-height: normal;
  font-family: Arial, verdana, 'sans-serif';
}

strong {
  font-weight: bold;
}

a {
  text-decoration: none;
}

a:link {
  color: #2d2d2d;
}

a:visited {
  color: #2d2d2d;
}

a:hover {
  color: #2d2d2d;
  text-decoration: underline;
}

a:active {
  color: #2d2d2d;
}

input {
  margin: 0;
  padding: 0;
  height: 16px;
  padding: 4px 10px;
  color: #2d2d2d;
  border: 1px solid #d8d8d8;
}

input:hover {
  border-color: #2d2d2d;
}

input:focus {
  border-color: #2d2d2d;
  outline: none;
}

input[type="checkbox"] {
  border: none;
}

label {
  display: inline-block;
  height: 100%;
}

button {
  padding: 0;
}

select {
  margin: 0;
  outline: none;
  padding: 3px 10px;
  color: #2d2d2d;
  font-size: 12px;
  border: 1px solid #d8d8d8;
}

select:hover {
  border-color: #2d2d2d;
}

select:focus {
  border-color: #2d2d2d;
  outline: none;
}

/* ==========================================================================
	Dojo overrides
========================================================================== */
.tundra .dijitInputContainer INPUT, .tundra .dijitTextBox {
  margin: 0;
}

/* ==========================================================================
	Globals - Classes
========================================================================== */
/*	Structural
========================================================================== */
.global-title-margin, .global-section-title {
  margin: 52px 0 26px 0px;
}

.global-section-title {
  color: #e21115;
  font-size: 18px;
}

.page-section-title {
  color: #e21115;
  font-size: 14px;
  margin: 26px 0;
}

.global-breadcrumb {
  font-size: 13px;
}

.system-error {
  height: 217px;
  text-align: center;
  line-height: 260px;
  background: url("../img/system-error.gif") no-repeat center 37px;
  margin: 0 auto;
}

.confirmation-label {
  margin-bottom: 10px;
}

/*	Components
========================================================================== */
.box, .filter-box, .footer-box, .content-box {
  background-color: #eee;
  border: 1px solid #d8d8d8;
}

.global-input, .filter-row .dijitTextBox, .form-section .form-section-content .form-section-content-field .dijitTextBox, .form-section .form-section-content .form-section-content-label-title .dijitTextBox {
  padding: 4px 10px;
  height: 16px;
  width: auto;
  display: block;
  background: #fff;
  border: 1px solid #d8d8d8;
  line-height: 16px;
}
.global-input.dijitTextBoxHover, .filter-row .dijitTextBoxHover.dijitTextBox, .form-section .form-section-content .form-section-content-field .dijitTextBoxHover.dijitTextBox, .form-section .form-section-content .form-section-content-label-title .dijitTextBoxHover.dijitTextBox {
  border: 1px solid #2d2d2d;
}
.global-input.dijitTextBoxFocused, .filter-row .dijitTextBoxFocused.dijitTextBox, .form-section .form-section-content .form-section-content-field .dijitTextBoxFocused.dijitTextBox, .form-section .form-section-content .form-section-content-label-title .dijitTextBoxFocused.dijitTextBox {
  outline: none;
  border: 1px solid #2d2d2d;
}
.global-input.dijitError, .filter-row .dijitError.dijitTextBox, .form-section .form-section-content .form-section-content-field .dijitError.dijitTextBox, .form-section .form-section-content .form-section-content-label-title .dijitError.dijitTextBox {
  background: #fff6d9;
  border: 1px solid #dbc88b;
}
.global-input .dijitValidationContainer, .filter-row .dijitTextBox .dijitValidationContainer, .form-section .form-section-content .form-section-content-field .dijitTextBox .dijitValidationContainer, .form-section .form-section-content .form-section-content-label-title .dijitTextBox .dijitValidationContainer {
  width: 20px;
}
.global-input .dijitValidationIcon, .filter-row .dijitTextBox .dijitValidationIcon, .form-section .form-section-content .form-section-content-field .dijitTextBox .dijitValidationIcon, .form-section .form-section-content .form-section-content-label-title .dijitTextBox .dijitValidationIcon {
  background: transparent url(../img/alert_icon.png) no-repeat center center;
}

.filter-box {
  padding: 4px 0;
}
.filter-box .filter-row:first-child {
  margin-top: 0;
}
.filter-box #selectTransactionEBGroup_cpin #selectGroupNameLabel {
  float: left;
}
.filter-box .distance-element-small, .filter-box .details-resume-dash .currency-pair, .details-resume-dash .filter-box .currency-pair, .filter-box .resume-acount-container .resume-value, .resume-acount-container .filter-box .resume-value, .filter-box .resume-acount-container .currency-pair, .resume-acount-container .filter-box .currency-pair {
  margin-left: 5px !important;
}

.filter-row {
  min-height: 26px;
  line-height: 26px;
  vertical-align: middle;
  margin-top: 8px;
}
.filter-row .normal-action-button {
  margin-right: 4px;
}
.filter-row input[type="radio"] {
  border: 0;
  padding: 0;
  margin-top: -3px;
  vertical-align: middle;
}

.footer-box {
  padding: 4px;
  height: 26px;
  line-height: 26px;
}
.footer-box.footer-override-color {
  background: none !important;
  border: none !important;
}

.content-box {
  height: auto;
  background-color: #ffffff;
}

.content-box-title {
  font-weight: bold;
  padding-top: 16px;
  padding-bottom: 12px;
  text-indent: 16px;
}
.content-box-title .title-sidenote {
  color: #9c9c9c;
  font-size: 11px;
  font-weight: normal;
  margin-left: 38px;
}

.amoutValue {
  font-weight: bold;
  font-size: 12px;
}

.pipe-space, .big-pipe-space {
  margin-left: 5px;
  margin-right: 5px;
}

.big-pipe-space {
  font-size: 16px;
}

.date-middle-division {
  height: 26px;
  margin: 0 5px;
  display: inline-block;
  color: #d8d8d8;
  *display: inline;
  *zoom: 1;
}

.transfer-urgency-message,
.messages-dates {
  margin-top: 12px;
  line-height: 16px;
}

.table-global-total span {
  font-size: 14px;
}

.context-alert-select-form {
  line-height: 200%;
}

/* ==========================================================================
	Header
========================================================================== */
/*	Page top bar
========================================================================== */
.page-top-bar {
  height: 36px;
  min-width: 960px;
  background-color: #eee;
  border-bottom: 1px solid #e8e8e7;
}
.page-top-bar .center-page {
  height: 100%;
}

.parent-top-container {
  max-width: 731px;
}

/*	Page header
========================================================================== */
.page-header {
  height: 153px;
  position: relative;
}

.logotype {
  left: 35px;
  bottom: 0;
  width: 150px;
  height: 190px;
  position: absolute;
  background: #FFF url("../img/logotype.png") no-repeat center center;
}
.logotype a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.header-user-info {
  height: 35px;
  line-height: 35px;
}

.top-container {
  margin-top: 5px;
}

.username,
.net-contract-area {
  float: left;
}

.username {
  margin-right: 25px;
}

.net-contract-area {
  margin-right: 10px;
  color: #e21115;
  font-size: 13px;
}

.contract-text {
  margin-left: 6px;
}

.logout {
  top: -1px;
  width: 57px;
  height: 35px;
  cursor: pointer;
  line-height: 35px;
  text-align: center;
  position: relative;
  background: #eee;
  font-size: 13px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.logout a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

/* ==========================================================================
	Main Navigation
========================================================================== */
#ebPlusUI {
  z-index: 1;
}

#navigation {
  z-index: 3;
}

.main-navigation {
  position: relative;
  z-index: 3;
  background: #e21115;
}
.main-navigation a {
  font-size: 11px;
}

.top-navigation-spacing {
  height: 37px;
  display: none;
}

.starting-page-anchor.colored {
  color: #fde9e9;
}

a.activeSecondEbankaPlus {
  color: #e21115;
}

.active-selected-path > a {
  color: #e21115;
}

ul.first-level > li {
  float: left;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
ul.first-level > li > a {
  display: inline-block;
  padding: 13px 9px;
}
ul.first-level > li.active {
  background: #eee;
  color: #e21115;
}
ul.first-level > li.active .drop-arrow {
  background: url("../img/arrow-neutral.png") no-repeat 0 0;
}
ul.first-level > li.active > ul {
  display: block;
}
ul.first-level > li.current-page > a {
  color: #e21115;
}

ul.second-level {
  left: 0;
  right: 0;
  top: 37px;
  z-index: 1;
  display: none;
  position: absolute;
  background: #eee;
}
ul.second-level > li {
  float: left;
  margin-top: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
}
ul.second-level > li > a {
  padding: 13px 9px;
  display: inline-block;
}
ul.second-level > li.current-page > a {
  color: #e21115;
}
ul.second-level > li .drop-arrow {
  visibility: hidden;
}
ul.second-level > li .drop-arrow {
  visibility: visible;
  background: url("../img/arrow-neutral.png") no-repeat 0 0;
}
ul.second-level > li:hover {
  background-color: #d8d8d8;
}
ul.second-level > li:hover .drop-arrow {
  background: url("../img/arrow-darker.png") no-repeat 0 0;
}
ul.second-level > li:hover > ul {
  display: block;
}

#main-navigation-top .first-level a {
  color: #ffffff;
}
#main-navigation-top .first-level .active > a {
  color: #e21115;
}
#main-navigation-top .first-level .activeSecondEbankaPlus {
  color: #e21115;
}

#main-navigation-top .second-level a {
  color: #2d2d2d;
}

ul.third-level {
  left: 0;
  top: 37px;
  display: none;
  min-width: 200px;
  position: absolute;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #d8d8d8;
}
ul.third-level > li {
  padding: 10px;
  white-space: nowrap;
}

.drop-arrow {
  width: 8px;
  height: 8px;
  margin-left: 4px;
  display: inline-block;
  background: url("../img/arrow-light.png") no-repeat 0 0;
}

.menu-vertical-spacing {
  height: 43px;
}

/*	Two levels navigation
========================================================================== */
.two-levels-navigation .open-options ul.third-level {
  display: block;
}
.two-levels-navigation .open-options a {
  color: #FFF;
}
.two-levels-navigation ul.first-level > li {
  position: relative;
}
.two-levels-navigation ul.first-level > li.open-options {
  background-color: #e21115;
}
.two-levels-navigation ul.first-level ul.third-level {
  background-color: #e21115;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
}

/*	Top user navigation
========================================================================== */
.user-top-navigation {
  right: 0px;
  top: -90px;
  position: absolute;
  *z-index: 3;
}

.message-icon-space {
  margin-left: 3px !important;
  margin-right: -5px;
}

#msgIcon {
  margin-top: 3px;
}

.message-icon-space.withMessages {
  background: url("../img/msg-alert.gif") no-repeat 0 0;
}
.message-icon-space.withMessages + a {
  color: #e21115;
}

.open-options .message-icon-space.withMessages + a {
  color: white;
}

.drop-arrow {
  vertical-align: middle;
}

/* ==========================================================================
	Icons
========================================================================== */
.icons-sprite, .icons-after-pag-hover, .icons-after-pag-normal:hover, .icons-after-pag-inactive, .button.small-action-button.disabled .icons-after-pag-normal, .small-action-button.disabled .icons-after-pag-normal, .disabled.small-action-button-variable-width .icons-after-pag-normal, .small-action-button.disabled.normal-action-button .icons-after-pag-normal, .disabled.normal-action-button.small-action-button-variable-width .icons-after-pag-normal, .button.disabled.small-action-button-variable-width .icons-after-pag-normal, .disabled.small-action-button-variable-width.small-action-button .icons-after-pag-normal, .icons-after-pag-normal, .icons-arrow-back, .icons-arrow-down, .icons-arrow-next, .icons-arrow-up, .icons-before-pag-active, .icons-before-pag-normal:hover, .icons-before-pag-inactive, .button.small-action-button.disabled .icons-before-pag-normal, .small-action-button.disabled .icons-before-pag-normal, .disabled.small-action-button-variable-width .icons-before-pag-normal, .small-action-button.disabled.normal-action-button .icons-before-pag-normal, .disabled.normal-action-button.small-action-button-variable-width .icons-before-pag-normal, .button.disabled.small-action-button-variable-width .icons-before-pag-normal, .disabled.small-action-button-variable-width.small-action-button .icons-before-pag-normal, .icons-before-pag-normal, .icons-calendar-hover, .tundra .dijitDateTextBox.dijitTextBoxHover .dijitArrowButtonInner, .tundra .dijitDateTextBox.dijitTextBoxFocused .dijitArrowButtonInner, .icons-calendar-normal, .tundra .dijitDateTextBox .dijitArrowButtonInner, .icons-cancel-normal, .icons-cancel, .message-container.message-container-error .message-container-icon, .icons-confirm, .message-container.message-container-success .message-container-icon, .icons-contact-hover, .icons-contact-normal, .icons-delete-hover, .icons-delete-normal, .icons-detail-hover, .icons-detail-normal:hover, .icons-detail-normal, .icons-doc-hover, .icons-doc-normal:hover, .icons-doc-normal, .icons-edit-hover, .icons-edit-normal:hover, .icons-edit-normal, .icons-graphic-active, .chart-graphic-button.selected, .chart-graphic-button.selected:hover, .icons-graphic-hover, .icons-graphic-normal:hover, .icons-graphic-normal, .icons-image-hover, .icons-image-normal:hover, .icons-image-normal, .icons-message-activ, .open-options .message-icon-space, .icons-message-open-a, .open-options .message-icon-space.withMessages, .icons-message-open, .icons-message, .icons-movdetails-hover, .icons-movdetails-normal:hover, .icons-movdetails-normal, .icons-movements-hover, .icons-movements-normal:hover, .icons-movements-normal, .icons-ok-hover, .icons-ok-normal:hover, .icons-ok-normal, .icons-pendente, .message-container.message-container-pending .message-container-icon, .icons-transfer-active, .small-action-button.open-options .icons-transfer-normal, .open-options.small-action-button-variable-width .icons-transfer-normal, .icons-transfer-hover, .icons-transfer-normal:hover, .icons-transfer-normal, .icons-user-hover, .icons-user-normal:hover, .icons-user-normal {
  background-image: url('../img/icons-s6b0d0b488d.png');
  background-repeat: no-repeat;
}

.icon {
  width: 26px;
  height: 26px;
  cursor: pointer;
  margin-left: 1px;
  margin-top: -1px;
  vertical-align: top;
  display: inline-block;
}

.icons-after-pag-hover, .icons-after-pag-normal:hover {
  background-position: 0 0;
}

.icons-after-pag-inactive, .button.small-action-button.disabled .icons-after-pag-normal, .small-action-button.disabled .icons-after-pag-normal, .disabled.small-action-button-variable-width .icons-after-pag-normal, .small-action-button.disabled.normal-action-button .icons-after-pag-normal, .disabled.normal-action-button.small-action-button-variable-width .icons-after-pag-normal, .button.disabled.small-action-button-variable-width .icons-after-pag-normal, .disabled.small-action-button-variable-width.small-action-button .icons-after-pag-normal {
  background-position: 0 -26px;
}

.icons-after-pag-normal {
  background-position: 0 -52px;
}

.icons-arrow-back {
  background-position: 0 -78px;
}

.icons-arrow-down {
  background-position: 0 -104px;
}

.icons-arrow-next {
  background-position: 0 -130px;
}

.icons-arrow-up {
  background-position: 0 -156px;
}

.icons-before-pag-active, .icons-before-pag-normal:hover {
  background-position: 0 -182px;
}

.icons-before-pag-inactive, .button.small-action-button.disabled .icons-before-pag-normal, .small-action-button.disabled .icons-before-pag-normal, .disabled.small-action-button-variable-width .icons-before-pag-normal, .small-action-button.disabled.normal-action-button .icons-before-pag-normal, .disabled.normal-action-button.small-action-button-variable-width .icons-before-pag-normal, .button.disabled.small-action-button-variable-width .icons-before-pag-normal, .disabled.small-action-button-variable-width.small-action-button .icons-before-pag-normal {
  background-position: 0 -208px;
}

.icons-before-pag-normal {
  background-position: 0 -234px;
}

.icons-calendar-hover, .tundra .dijitDateTextBox.dijitTextBoxHover .dijitArrowButtonInner, .tundra .dijitDateTextBox.dijitTextBoxFocused .dijitArrowButtonInner {
  background-position: 0 -260px;
}

.icons-calendar-normal, .tundra .dijitDateTextBox .dijitArrowButtonInner {
  background-position: 0 -286px;
}

.icons-cancel-normal {
  background-position: 0 -338px;
}

.icons-cancel, .message-container.message-container-error .message-container-icon {
  background-position: 0 -364px;
}

.icons-confirm, .message-container.message-container-success .message-container-icon {
  background-position: 0 -390px;
}

.icons-contact-hover {
  background-position: 0 -416px;
}

.icons-contact-normal {
  background-position: 0 -442px;
}

.icons-delete-hover {
  background-position: 0 -468px;
}

.icons-delete-normal {
  background-position: 0 -494px;
}

.icons-detail-hover, .icons-detail-normal:hover {
  background-position: 0 -520px;
}

.icons-detail-normal {
  background-position: 0 -546px;
}

.icons-doc-hover, .icons-doc-normal:hover {
  background-position: 0 -572px;
}

.icons-doc-normal {
  background-position: 0 -598px;
}

.icons-edit-hover, .icons-edit-normal:hover {
  background-position: 0 -624px;
}

.icons-edit-normal {
  background-position: 0 -650px;
}

.icons-graphic-active, .chart-graphic-button.selected, .chart-graphic-button.selected:hover {
  background-position: 0 -676px;
}

.icons-graphic-hover, .icons-graphic-normal:hover {
  background-position: 0 -702px;
}

.icons-graphic-normal {
  background-position: 0 -728px;
}

.icons-image-hover, .icons-image-normal:hover {
  background-position: 0 -754px;
}

.icons-image-normal {
  background-position: 0 -780px;
}

.icons-message-activ, .open-options .message-icon-space {
  background-position: 0 -806px;
}

.icons-message-open-a, .open-options .message-icon-space.withMessages {
  background-position: 0 -832px;
}

.icons-message-open {
  background-position: 0 -858px;
}

.icons-message {
  background-position: 0 -884px;
}

.icons-movdetails-hover, .icons-movdetails-normal:hover {
  background-position: 0 -910px;
}

.icons-movdetails-normal {
  background-position: 0 -936px;
}

.icons-movements-hover, .icons-movements-normal:hover {
  background-position: 0 -962px;
}

.icons-movements-normal {
  background-position: 0 -988px;
}

.icons-ok-hover, .icons-ok-normal:hover {
  background-position: 0 -1014px;
}

.icons-ok-normal {
  background-position: 0 -1040px;
}

.icons-pendente, .message-container.message-container-pending .message-container-icon {
  background-position: 0 -1066px;
}

.icons-transfer-active, .small-action-button.open-options .icons-transfer-normal, .open-options.small-action-button-variable-width .icons-transfer-normal {
  background-position: 0 -1092px;
}

.icons-transfer-hover, .icons-transfer-normal:hover {
  background-position: 0 -1118px;
}

.icons-transfer-normal {
  background-position: 0 -1144px;
}

.icons-user-hover, .icons-user-normal:hover {
  background-position: 0 -1170px;
}

.icons-user-normal {
  background-position: 0 -1196px;
}

/*	Datagrid detail icons
========================================================================== */
/*	Datagrid pagination icons
========================================================================== */
.button.small-action-button.disabled:hover, .small-action-button.disabled:hover, .disabled.small-action-button-variable-width:hover {
  border: 1px solid #d8d8d8;
}

.button.small-action-button.disabled .icon:hover, .small-action-button.disabled .icon:hover, .disabled.small-action-button-variable-width .icon:hover, .small-action-button.disabled.normal-action-button .icon:hover, .disabled.normal-action-button.small-action-button-variable-width .icon:hover, .button.disabled.small-action-button-variable-width .icon:hover, .disabled.small-action-button-variable-width.small-action-button .icon:hover {
  cursor: default;
}

/*	Datagrid export options icons
========================================================================== */
.small-action-button.open-options, .open-options.small-action-button-variable-width,
.small-action-button.open-options:hover,
.open-options.small-action-button-variable-width:hover {
  border-color: #e21115;
  background-color: #e21115;
}

/*	Datagrid edit icons
========================================================================== */
/*	Datagrid Auth icons
========================================================================== */
/*	Datagrid Document icons
========================================================================== */
/*	Datagrid Image icons
========================================================================== */
/*	Datagrid User icons
========================================================================== */
/*	Datagrid pending operation icons
========================================================================== */
.icons-pending-operation {
  background: url("../img/pending-operation-normal.png") no-repeat center center;
}

.multi-response-success-icon,
.multi-response-error-icon {
  cursor: default;
}

.multi-response-success-icon {
  background: url("../img/success-action.png") no-repeat center center;
}

.multi-response-error-icon {
  background: url("../img/error-action.png") no-repeat center center;
}

/*	Dashboard chart-graphic icons
========================================================================== */
/* ==========================================================================
	Export Options ( PDF / EXCEL )
========================================================================== */
.open-options {
  position: relative;
}

.small-action-button.export-options, .export-options.small-action-button-variable-width {
  z-index: 5;
}

.small-action-button .export-options-box, .small-action-button-variable-width .export-options-box {
  display: none;
}

.small-action-button.open-options .export-options-box, .open-options.small-action-button-variable-width .export-options-box {
  display: block;
}

.export-options-box {
  top: 33px;
  left: -1px;
  width: 200px;
  position: absolute;
  background: #ffffff;
  border: 1px solid #d8d8d8;
}
.export-options-box .export-options-arrow {
  width: 18px;
  height: 10px;
  position: absolute;
  top: -9px;
  left: 5px;
  background: url("../img/export-box-arrow.png") no-repeat center center;
}
.export-options-box .export-list-option {
  border-bottom: 1px solid #d8d8d8;
  padding: 3px;
}
.export-options-box .export-list-option .export-list-option-text {
  color: #9c9c9c;
  text-indent: 10px;
}
.export-options-box .export-list-option .export-list-option-text:hover {
  color: #2d2d2d;
}

/* ==========================================================================
	Buttons
========================================================================== */
.big-action-button-row {
  width: 300px;
}

.action-button-row {
  margin-top: 26px;
}

.button, .small-action-button, .small-action-button-variable-width, .normal-action-button {
  cursor: pointer;
  display: inline-block;
}

.small-action-button, .small-action-button-variable-width {
  float: left;
  width: 28px;
  height: 24px;
  z-index: 3;
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
}

.small-action-button-variable-width.override-dashboard {
  padding: 0 3px !important;
  font-size: 10px;
}

button.small-action-button, button.small-action-button-variable-width {
  width: 30px;
  height: 26px;
}

.override-static-icon {
  background-color: initial;
  border: none;
  cursor: default;
  margin-left: 6px;
}

.small-action-button:hover, .small-action-button-variable-width:hover {
  border-color: #2d2d2d;
}

.normal-action-button {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  padding: 0px 20px;
  border-radius: 4px;
  color: #ffffff;
  background-color: #9c9c9c;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.normal-action-button.normal-action-button-red {
  background-color: #e21115;
}
.normal-action-button.normal-action-button-red:hover {
  background: #e21115 url("../img/gradient-hover-red.png") repeat-x 0 0;
}
.normal-action-button + .normal-action-button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 5px;
}
.normal-action-button.datagrid-action-button {
  height: 21px;
  line-height: 21px;
}

.normal-action-button:hover {
  background-color: #2d2d2d;
}

.big-action-button {
  *zoom: 1;
  height: 45px;
  padding: 0 15px;
  min-width: 96px;
  cursor: pointer;
  font-weight: bold;
  line-height: 45px;
  position: relative;
  text-align: center;
  display: inline-block;
  *display: inline;
  border-radius: 4px;
  background: #e21115;
  *float: left;
}
.big-action-button:hover {
  background: #e21115 url("../img/gradient-hover-red.png") repeat-x 0 0;
}
.big-action-button.back-action {
  background: #9c9c9c;
}
.big-action-button.back-action:hover {
  background: #9c9c9c url("../img/gradient-hover-gray.png") repeat-x 0 0;
}
.big-action-button + .big-action-button {
  margin-left: 5px;
  display: inline-block;
  *display: inline;
  width: auto;
  *zoom: 1;
}
.big-action-button.sion-btn {
  min-width: 162px;
}

.action-button-text {
  color: #ffffff;
}

.action-text-icon-margin {
  margin-right: 5px;
}

.action-button-icon {
  width: 26px;
  height: 26px;
  display: inline-block;
  position: relative;
  margin-top: -3px;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  *margin-top: 0px;
}

.small-action-button-variable-width {
  padding: 0px 5px;
  color: #9c9c9c;
  width: auto;
}
.small-action-button-variable-width:hover {
  color: #2d2d2d;
}
.small-action-button-variable-width.selected {
  background-color: #e21115;
  border: 1px solid #e21115;
  color: #fff;
}
.small-action-button-variable-width.selected:hover {
  border-color: #e21115;
}

.chart-graphic-button.selected {
  background-color: #e21115;
  border: 1px solid #e21115;
}

/* ==========================================================================
	Datagrid
========================================================================== */
.dojoxGrid {
  position: relative;
}
.dojoxGrid .currencySpan {
  font-size: 11px;
}

.dojoxGridMasterMessages {
  background: #f5f5f5;
  text-align: center;
  padding: 10px 0;
}

.dojoxGridContent {
  width: 100% !important;
  outline: medium none;
  overflow: hidden;
  position: relative;
}
.dojoxGridContent > div[role="presentation"] {
  position: static !important;
}

.dojoxGridRowTable {
  empty-cells: show;
  table-layout: fixed;
  width: 100% !important;
  font-size: 10px;
}

.dojoxGridHiddenFocus {
  height: 0;
  position: absolute;
  top: -1000px;
  width: 0;
}

.dojoxGridHeader > div {
  width: auto !important;
}

.dojoxGridCellFocus, .dojoxGridCell {
  outline: 0 !important;
}

.dojoxGridCell {
  word-wrap: break-word;
}

.dojoxGridHeader .dojoxGridHead {
  font-size: 11px;
  color: #9c9c9c;
}

.dojoxGridMasterView {
  padding-bottom: 22px;
}

.dojoxGridMasterHeader {
  margin-top: 22px;
}

.dojoxGridRow {
  padding: 6px 0px;
  background: #f5f5f5;
}

.dojoxGridRowOdd {
  background-color: #ffffff;
}

.grid-cell-padding-left {
  padding-left: 10px;
}

.grid-cell-padding-right {
  padding-right: 10px;
}

.datagrid-subtitle {
  font-weight: bold;
  margin-left: 10px;
}

.override-grid-header .dojoxGridMasterHeader {
  margin-top: 0px;
}

/*
	Miscelaneous datagrid overrides
========================================================================== */
.dojoxGridHiddenFocus {
  display: none;
}

#gridContainerGridcmov_dash1 .dojoxGridMasterHeader {
  margin-top: 0 !important;
  padding-top: 22px;
}

#gridContainerGriddope .dojoxGridMasterView {
  padding-bottom: 0;
}

/* ==========================================================================
	DOJO DIALOGS
========================================================================== */
.dijitDialog .dialog-buttons {
  display: inline-block;
  float: left;
  padding-bottom: 10px;
}

#EBPlusLoginDialog {
  background: none !important;
  border: none !important;
}

/* ==========================================================================
	Forms
========================================================================== */
.form-section {
  border-top: 0px solid red;
  margin-bottom: 34px;
}
.form-section .form-section-title-number {
  display: inline-block;
  width: auto;
  margin: 0px;
  float: left;
  font-size: 13px;
  font-weight: bold;
}
.form-section .no-float {
  float: none !important;
}
.form-section input[disabled], .form-section select[disabled] {
  color: #9c9c9c;
}
.form-section .form-section-title-text {
  width: auto;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  color: #9c9c9c;
}
.form-section .form-section-content {
  margin-top: 16px;
}
.form-section .form-section-content .distance-element-small, .form-section .form-section-content .details-resume-dash .currency-pair, .details-resume-dash .form-section .form-section-content .currency-pair, .form-section .form-section-content .resume-acount-container .resume-value, .resume-acount-container .form-section .form-section-content .resume-value, .form-section .form-section-content .resume-acount-container .currency-pair, .resume-acount-container .form-section .form-section-content .currency-pair {
  margin-left: 0px;
}
.form-section .form-section-content .radio-container .radio-container-field span {
  margin-left: 5px;
}
.form-section .form-section-content .form-section-content-title, .form-section .form-section-content .form-section-content-label-title {
  margin: 0px 0px 16px 0px;
  display: block;
  font-size: 13px;
  font-weight: normal;
}
.form-section .form-section-content .form-section-content-title label, .form-section .form-section-content .form-section-content-label-title label {
  display: inline-block;
  height: 16px;
  line-height: 16px;
}
.form-section .form-section-content input[type="radio"] {
  border-width: 0px;
  padding: 0px;
  float: left;
}
.form-section .form-section-content input[type="radio"] + label {
  padding-left: 5px;
}
.form-section .form-section-content select {
  display: block;
  width: 100%;
  margin: 0px;
}
.form-section .form-section-content .form-section-content-field input[type="text"], .form-section .form-section-content .form-section-content-label-title input[type="text"] {
  width: 100% !important;
  margin-left: 0px !important;
  outline: none;
}
.form-section .form-section-content .form-section-content-field input[type="file"], .form-section .form-section-content .form-section-content-label-title input[type="file"] {
  width: 100%;
  display: block;
  height: auto;
  padding: 2px 0px;
}
.form-section .form-section-content .form-section-content-field textarea, .form-section .form-section-content .form-section-content-label-title textarea {
  width: 100% !important;
  padding: 0px !important;
  height: 52px !important;
  outline: none;
  font-family: Arial, verdana, 'sans-serif';
}
.form-section .form-section-content .form-section-content-field select, .form-section .form-section-content .form-section-content-label-title select {
  display: block;
  width: 100%;
  margin: 0px;
}
.form-section .form-section-content .form-section-content-field label, .form-section .form-section-content .form-section-content-label-title label {
  display: block;
  height: 16px;
  line-height: 16px;
}
.form-section .form-section-content .form-section-content-field #selectTransactionNameLabeltransferBeneficiary, .form-section .form-section-content .form-section-content-label-title #selectTransactionNameLabeltransferBeneficiary {
  padding-left: 20px;
}
.form-section .form-section-content .form-section-content-field .field-money, .form-section .form-section-content .form-section-content-label-title .field-money {
  padding: 13px;
  background: #d8d8d8;
  display: block;
}
.form-section .form-section-content .form-section-content-field .field-money .dijitTextBox, .form-section .form-section-content .form-section-content-label-title .field-money .dijitTextBox {
  padding: 12px 10px;
  height: 26px;
  width: 80% !important;
  display: inline-block;
  float: left;
}
.form-section .form-section-content .form-section-content-field .field-money .dijitTextBox input, .form-section .form-section-content .form-section-content-label-title .field-money .dijitTextBox input {
  height: 26px;
  font-size: 24px;
}
.form-section .form-section-content .form-section-content-field .field-money .field-money-currency, .form-section .form-section-content .form-section-content-label-title .field-money .field-money-currency {
  width: 12%;
  padding-left: 5px;
  display: inline-block;
  line-height: 52px;
  height: 52px;
  float: right;
  font-size: 13px;
  font-weight: bold;
  color: #2d2d2d;
}
.form-section .form-section-content .form-section-content-button {
  padding: 5px 0px 5px 0px;
}
.form-section .form-section-content .form-section-content-label-title {
  display: block;
  margin-left: 0px;
}
.form-section .form-section-content .form-section-content-label-title label {
  margin: 0px 0px 16px 0px;
}
.form-section .display-block {
  display: block;
}
.form-section #currency-span {
  font-weight: bold;
}

/*
	Benificiary container
========================================================================== */
.benificiary-container .dijitTextBox {
  width: 338px !important;
  float: left;
}

.tundra .dijitDateTextBox {
  padding: 4px 10px;
  height: 16px;
  background: #fff;
  width: 120px !important;
  border: 1px solid #d8d8d8;
  vertical-align: top;
  display: inline-block;
}
.tundra .dijitDateTextBox input {
  padding: 0px;
  text-align: center;
  line-height: normal;
}
.tundra .dijitDateTextBox.dijitTextBoxHover {
  border: 1px solid #2d2d2d;
}
.tundra .dijitDateTextBox.dijitTextBoxFocused {
  outline: none;
  border: 1px solid #2d2d2d;
}
.tundra .dijitDateTextBox.dijitTextBoxDisabledFocused {
  border: 1px solid #d8d8d8;
}
.tundra .dijitDateTextBox.dijitError {
  background: #fff6d9;
  border: 1px solid #dbc88b;
}
.tundra .dijitDateTextBox .dijitValidationContainer {
  width: 20px;
}
.tundra .dijitDateTextBox .dijitArrowButtonInner {
  width: 26px;
  margin-top: -5px;
  margin-left: -5px;
  height: 26px !important;
}
.tundra .dijitDateTextBox .dijitButtonNode {
  width: 16px;
  border: 0px;
  height: 16px;
  background: #FFFFFF;
}

.tundra .dijitCalendarMonthContainer th,
.tundra .dijitCalendarDayLabelTemplate,
.tundra .dijitCalendarYearContainer,
.tundra .dijitCalendarDisabledDate {
  background: #ffffff;
}
.tundra .dijitCalendarContainer {
  border: 1px solid #2d2d2d;
}
.tundra .dijitCalendarContainer .dijitCalendarYearLabel {
  font-size: 12px;
}
.tundra .dijitCalendarContainer span.dijitCalendarSelectedYear {
  background-color: #e21115 !important;
  color: white;
}
.tundra .dijitCalendarContainer td.dijitCalendarSelectedDate {
  background-color: #e21115;
  color: white;
  outline: none;
}
.tundra .dijitCalendarContainer td.dijitCalendarCurrentDate {
  outline: none;
}

/* ==========================================================================
	Forms Resume
========================================================================== */
.form-resume .form-resume-block .form-resume-block-label, .form-resume .form-resume-block .form-resume-block-text {
  font-size: 13px;
  padding: 10px 0px 5px 0px;
  color: #9c9c9c;
}
.form-resume .form-resume-block .form-resume-block-text {
  font-weight: bold;
  padding: 0px;
  color: #2d2d2d;
}

.form-resume-buttons {
  padding: 26px 0px 26px 0px;
}

/* ==========================================================================
	Messages Container
========================================================================== */
.message-container {
  display: block;
  padding: 10px;
  border-radius: 5px;
}
.message-container .message-container-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  float: left;
}
.message-container .message-container-text {
  display: inline-block;
  line-height: 26px;
  color: white;
  font-weight: bold;
}
.message-container.message-container-success {
  background: #a1cc5e;
}
.message-container.message-container-pending {
  background: #ccc55e;
}
.message-container.message-container-error {
  background: #ea5a52;
}
.message-container.message-container-warning {
  background: #eee;
}
.message-container.message-container-margin {
  margin-bottom: 20px;
}

.message-list {
  margin: 10px 15px 20px 15px;
}
.message-list span {
  display: block;
  padding: 5px 0;
}

/* ==========================================================================
	Contact Us
========================================================================== */
.contact-z-index {
  z-index: 3;
}

.contact-us {
  height: 25px;
  cursor: pointer;
  padding: 10px 26px;
  position: relative;
  display: inline-block;
  z-index: 3;
  border: 1px solid #FFF;
}
.contact-us .message-container {
  margin-top: 130px;
}
.contact-us .form-section-content-title, .contact-us .form-section .form-section-content .form-section-content-label-title, .form-section .form-section-content .contact-us .form-section-content-label-title {
  font-size: 12px;
  font-weight: bold;
}
.contact-us .align-contacts-text {
  height: 21px;
  line-height: 21px;
  color: #e21115;
  font-size: 18px;
}
.contact-us .normal-action-button {
  display: none;
}
.contact-us .contact-us-container {
  display: none;
}
.contact-us .form-section .form-section-content .form-section-content-field textarea.dijitTextArea, .contact-us .form-section .form-section-content .form-section-content-label-title textarea.dijitTextArea {
  height: 170px !important;
  max-height: 170px !important;
}
.contact-us.open-options {
  width: 298px;
  background: #eee;
  border: 1px solid #d8d8d8;
}
.contact-us.open-options .normal-action-button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.contact-us.open-options .contact-us-container {
  top: -316px;
  left: -1px;
  width: 298px;
  height: 300px;
  display: block;
  cursor: default;
  position: absolute;
  padding: 16px 26px 0px 26px;
  z-index: 3;
  background: #eee;
  border: 1px solid #d8d8d8;
  border-bottom: 0;
}
.contact-us.open-options .contact-us-container:hover {
  display: block;
}
.contact-us .contact-us-loader {
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 0px;
  background: #eee;
  z-index: 3;
}
.contact-us .contact-us-loader .loading-content {
  margin-top: 130px;
}

/* ==========================================================================
	Footer
========================================================================== */
.page-footer {
  padding-top: 10px;
  margin-bottom: 60px;
  color: #9c9c9c;
  font-size: 11px;
  border-top: 1px solid #d8d8d8;
}

.footer-navigation li {
  float: left;
  padding: 0 5px;
}
.footer-navigation a {
  color: #9c9c9c;
}

/* ==========================================================================
	Pagination
========================================================================== */
#blockPaginationEBPlus {
  display: inline-block;
}

.inputHiddenEbankaPlus {
  display: none;
}

/* ==========================================================================
	Search bar
========================================================================== */
.search-bar {
  position: relative;
  padding-right: 26px;
}
.search-bar .icon {
  position: absolute;
  right: 0;
  top: 1px;
}

/* ==========================================================================
	PUBLIC PAGE
========================================================================== */
.row-public {
  margin: -30px auto 20px auto;
  position: relative;
}
.row-public #errorMessageEBPlus {
  position: absolute;
  display: none;
  background: #ea5a52;
  padding: 15px;
  width: 189px;
  border-radius: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5ps;
  color: white;
}
.row-public #errorMessageEBPlus > div {
  line-height: 18px;
  padding: 0px 0px 0px 30px;
  background: url("../img/alert-red.png") no-repeat 0px -5px;
}
.row-public .row-content-left {
  width: 220px;
  float: left;
  height: 525px;
}
.row-public .row-content-left .row-content-left-lock > div {
  margin: 0 auto;
  height: 156px;
  width: 103px;
  background: url("../img/public-lock.png") no-repeat;
}
.row-public .row-content {
  width: 490px;
  display: inline-block;
  padding: 0px 15px 15px 15px;
  position: relative;
}
.row-public .row-content .public-menu {
  width: 100%;
  height: 38px;
  display: block;
}
.row-public .row-content .public-content {
  display: block;
  width: 343px;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}
.row-public .row-content .public-content p {
  font-size: 13px;
  text-align: justify;
  padding-bottom: 10px;
}
.row-public .row-content .public-content p.red-text {
  color: #e21115;
}
.row-public .row-content .public-content .public-page-title {
  color: #e21115;
  padding: 10px 0 30px 0px;
  font-size: 18px;
  font-weight: bold;
}
.row-public .row-content .public-content .form-login .form-login-label {
  padding: 16px 0px 10px 0px;
  font-size: 13px;
}
.row-public .row-content .public-content .form-login .form-login-field {
  width: 170px;
  background: white;
  padding: 4px 10px;
}
.row-public .row-content .public-content .form-login .form-login-field input[type="text"], .row-public .row-content .public-content .form-login .form-login-field input[type="password"] {
  line-height: 16px;
}
.row-public .row-content .public-content .form-login .form-login-field.dijitTextBoxHover {
  border: 1px solid #2d2d2d;
}
.row-public .row-content .public-content .form-login .form-login-field.dijitTextBoxFocused {
  outline: none;
  border: 1px solid #2d2d2d;
}
.row-public .row-content .public-content .form-login .field-has-error {
  border: 1px solid red;
}
.row-public .row-content-right {
  float: left;
  width: 220px;
  height: 525px;
}
.row-public .loginEbPlusMain {
  display: inline-block;
  float: left;
}

.public-container-contact-us {
  padding: 20px 0px 10px 0px;
}

.loginStepEbankaPlus {
  width: 194px;
}

/* ==========================================================================
	CALENDAR
========================================================================== */
.date-picker {
  border: 1px solid #b3b3b3;
  width: 242px;
}
.date-picker .date-picker-header {
  position: relative;
  display: block;
  padding: 5px;
  background: #eee;
  border-bottom: 1px solid #b3b3b3;
}
.date-picker .date-picker-header div {
  display: inline-block;
  float: left;
  height: 26px;
}
.date-picker .date-picker-header div.date-picker-header-field {
  width: auto;
  text-align: center;
}
.date-picker .date-picker-header div.date-picker-header-field input {
  height: 18px;
}
.date-picker .date-picker-container .date-picker-container-calendar.border-left {
  border-left: 1px solid #b3b3b3;
}
.date-picker .date-picker-container .date-picker-container-calendar table {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  border-width: 0px;
}
.date-picker .date-picker-container .date-picker-container-calendar table thead th {
  background: none;
}
.date-picker .date-picker-container .date-picker-container-calendar table thead .dijitCalendarArrow img {
  display: none;
}
.date-picker .date-picker-container .date-picker-container-calendar table thead .dijitCalendarMonthContainer th {
  padding: 15px 0px;
}
.date-picker .date-picker-container .date-picker-container-calendar table tbody td {
  padding: 5px;
}
.date-picker .date-picker-container .date-picker-container-calendar table tbody td.dijitCalendarPreviousMonth, .date-picker .date-picker-container .date-picker-container-calendar table tbody td.dijitCalendarNextMonth {
  background: none;
}
.date-picker .date-picker-container .date-picker-container-calendar table tbody td.dijitCalendarPreviousMonth span, .date-picker .date-picker-container .date-picker-container-calendar table tbody td.dijitCalendarNextMonth span {
  color: #eee;
}
.date-picker .date-picker-container .date-picker-container-calendar table tbody td.dijitCalendarSelectedDate {
  color: white;
  background: #e21115;
  outline: none;
}
.date-picker .date-picker-container .date-picker-container-calendar table tfoot {
  display: none;
}

/* ==========================================================================
	CONFIRMATION KEY
========================================================================== */
.confirmation-key-container p {
  line-height: 200%;
}
.confirmation-key-container .confirmation-key-block {
  padding: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: auto;
  padding-right: 10px;
  float: left;
}
.confirmation-key-container .confirmation-key-block .dijitTextBox {
  width: 25px !important;
}
.confirmation-key-container .confirmation-key-block .dijitTextBox input {
  text-align: center;
}
.confirmation-key-container .confirmation-key-block .confirmation-key-block-label {
  display: block;
  padding-bottom: 16px;
}

/* ==========================================================================
	DATE PICKER
========================================================================== */
/*

.dijitDateTextBox {
	width: 100%!important;
	height: 26px;
	
	.dijitArrowButtonContainer {
		height: 26px;
		width: 22px;
		@extend .icons-calendar-normal;
		input {
			
			height: 26px!important;
			width: 26px;
		}
	}
	
	.dijitDateTextBoxFocused {
		outline: none;
	}
	
}
*/
/* ==========================================================================
	KEYBOARD
========================================================================== */
.public-container-keyboard {
  width: 343px;
  display: inline-block;
  padding-top: 36px;
}
.public-container-keyboard.vk-pad-top-override {
  padding-top: 18px;
  width: 550px;
}
.public-container-keyboard .buttonEbPlusShuffle, .public-container-keyboard .buttonEbPlusCAPS, .public-container-keyboard .buttonEbPlusShuffleClear {
  width: 30px;
  height: 30px;
  background: #9c9c9c;
  color: white;
  font-weight: bold;
  border-width: 0px;
  margin: 2px;
}
.public-container-keyboard .buttonEbPlusShuffle:hover, .public-container-keyboard .buttonEbPlusCAPS:hover, .public-container-keyboard .buttonEbPlusShuffleClear:hover {
  cursor: pointer;
  background: #848484;
}
.public-container-keyboard .buttonEbPlusShuffle:active, .public-container-keyboard .buttonEbPlusCAPS:active, .public-container-keyboard .buttonEbPlusShuffleClear:active {
  background: #2d2d2d;
}
.public-container-keyboard .loginEbPlusMainKeyboard {
  display: inline-block;
  float: left;
  padding: 0px 0px 8px 0px;
}
.public-container-keyboard .buttonEbPlusCAPS {
  width: 132px;
}
.public-container-keyboard .loginEbPlusMainBannerAlfa {
  float: left;
}
.public-container-keyboard .buttonEbPlusShuffleClear {
  width: 133px;
  background: #5a5a5a;
}

/* ==========================================================================
	Details
========================================================================== */
.divGridBodyEBPlus.content-box {
  border-top: none;
}

.details-field {
  padding: 10px 0;
  border-top: 1px solid #d8d8d8;
}
.details-field .details-field-name {
  color: #9c9c9c;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 12px;
}
.details-field .details-field-value {
  font-weight: bold;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 12px;
}

/* ==========================================================================
	Tables
========================================================================== */
.table-container {
  border: 1px solid #d8d8d8;
  padding-bottom: 22px;
}

.tableEBPlus {
  width: 100%;
}
.tableEBPlus td {
  padding: 10px;
}
.tableEBPlus td + td {
  float: right;
  text-align: right;
}
.tableEBPlus tr.eBankaPlusTableOddRow:first-child {
  background: #ffffff;
  font-size: 11px;
  margin-top: 10px;
}
.tableEBPlus tr.eBankaPlusTableOddRow:first-child > td {
  padding-top: 22px;
}
.tableEBPlus .centerHeadDataGrid {
  color: #9c9c9c;
}
.tableEBPlus .eBankaPlusTableOddRow {
  background: #f5f5f5;
}
.tableEBPlus .eBankaPlusTableEvenRow {
  background: #ffffff;
}

.cpin-table td + td {
  float: none;
  text-align: right;
  vertical-align: top;
}

.cpin-table-row {
  cursor: pointer;
}

.cpin-table-row.row-no-children {
  cursor: auto;
}

/* ==========================================================================
	Details Structure
========================================================================== */
.details-resume .text-label {
  display: block;
  padding-top: 15px;
  color: #9c9c9c;
}
.details-resume .text-value {
  margin-top: 4px;
  font-weight: bold;
  padding-bottom: 15px;
}
.details-resume .text-value.big-font .amoutValue, .details-resume .text-value.big-font .currencySpan {
  font-size: 16px;
}
.details-resume .left-side-container, .details-resume .right-side-container {
  float: left;
}
.details-resume .left-side-container {
  width: 40%;
  height: 100%;
  text-indent: 15px;
}
.details-resume .left-side-container .text-label:first-child {
  padding-top: 28px;
}
.details-resume .left-side-container .text-value {
  padding-bottom: 0px;
}
.details-resume .right-side-container {
  width: 60%;
  text-indent: 15px;
}
.details-resume .right-side-container .top-container {
  margin-top: 0px;
  border-left: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}
.details-resume .right-side-container .bottom-container {
  border-left: 1px solid #d8d8d8;
}

.details-resume-dash .left-side-container .text-label:first-child {
  padding-top: 10px;
}
.details-resume-dash .right-side-container .top-container {
  padding: 9px 0px;
}
.details-resume-dash .text-value.big-font .amoutValue, .details-resume-dash .text-value.big-font .currencySpan {
  font-size: 16px;
}
.details-resume-dash .currency-pair {
  padding: 3px 11px;
  font-size: 10px;
  font-weight: bold;
  background: #eee;
  border-radius: 10px;
  cursor: pointer;
}
.details-resume-dash .currency-pair:hover {
  background: #e8e8e8;
}
.details-resume-dash .currency-pair.selected {
  background: #e21115;
  color: #fff;
  cursor: default;
}
.details-resume-dash .currency-pair.selected:hover {
  background: #e21115;
}

.resume-acount-container {
  height: 40px;
  line-height: 40px;
}
.resume-acount-container .resume-label {
  color: #9c9c9c;
  float: left;
}
.resume-acount-container .resume-value {
  font-weight: bold;
  float: left;
}
.resume-acount-container .resume-bigger-distance {
  margin-left: 70px;
}
.resume-acount-container .currency-pair {
  padding: 5px;
  font-weight: bold;
  margin-right: 10px;
  background: #eee;
  border-radius: 4px;
}

/*
	Chart dashboard graphic and NIB container
========================================================================== */
.graph-nib {
  height: 152px;
}

.account-nib-iban .left-side-container, .account-nib-iban .right-side-container {
  float: left;
}
.account-nib-iban .text-label {
  color: #9c9c9c;
}
.account-nib-iban .text-value {
  font-weight: bold;
}
.account-nib-iban .text-label,
.account-nib-iban .text-value {
  margin-bottom: 3px;
}
.account-nib-iban .left-side-container {
  width: 40%;
}
.account-nib-iban .right-side-container {
  width: 60%;
}
.account-nib-iban .details-field {
  padding: 13px 15px;
}
.account-nib-iban .details-field-note {
  font-size: 11px;
  margin-top: 3px;
}

/* ==========================================================================
	Dashboard personalize
========================================================================== */
.dash-personalize-select-container {
  width: 323px;
  height: 250px;
}
.dash-personalize-select-container select {
  width: 100%;
  height: 100%;
}

.dash-side {
  padding: 5px;
  border: 1px solid transparent;
}
.dash-side.colored {
  background: #eee;
  border: 1px solid #d8d8d8;
}
.dash-side .top-center {
  margin-top: 70px;
}

/* ==========================================================================
	Loader
========================================================================== */
.loading-content {
  text-align: center;
  height: 100px;
  margin-top: 80px;
}
.loading-content p {
  text-align: center !important;
  margin-top: 5px;
}

#block-ui_dialog .loading-content {
  height: auto;
  margin: 0;
}

.loader {
  text-align: center;
  padding-top: 15px;
}

#sionLoader #block-ui {
  height: 250px;
}
#sionLoader #block-ui .loading-content {
  height: 250px;
  margin-top: 0px;
}
#sionLoader #block-ui .loading-content img {
  margin-top: 75px;
}

/* ==========================================================================
	Ads
========================================================================== */
.ads-container {
  display: block;
  padding: 10px;
  margin-top: 10px;
}

/* ==========================================================================
	Movements Details
========================================================================== */
.movements-details {
  height: 71px;
}
.movements-details .movements-details-left-side,
.movements-details .movements-details-right-side {
  float: left;
  height: 100%;
}
.movements-details .movements-details-left-side {
  width: 40%;
}
.movements-details .movements-details-left-side .movements-details-field-name:first-child {
  padding-top: 22px;
}
.movements-details .movements-details-left-side .border-container {
  height: 100%;
  border-right: 1px solid #d8d8d8;
}
.movements-details .movements-details-right-side {
  width: 60%;
}
.movements-details .movements-details-field-name,
.movements-details .movements-details-field-value {
  text-indent: 15px;
}
.movements-details .movements-details-field-name {
  color: #9c9c9c;
  padding-top: 15px;
}
.movements-details .movements-details-field-value {
  margin-top: 4px;
  padding-bottom: 15px;
}
.movements-details .movements-details-field-value.big-font > span {
  font-size: 16px;
}

/* ==========================================================================
	OPT Confirmation
========================================================================== */
.opt-section p {
  line-height: 200%;
}
.opt-section .form-section-content-title, .opt-section .form-section .form-section-content .form-section-content-label-title, .form-section .form-section-content .opt-section .form-section-content-label-title {
  margin-top: 20px !important;
}
.opt-section .opt-input-size {
  width: 150px;
}

/* ==========================================================================
	Dialogs
========================================================================== */
.dijitDialog {
  border: 1px solid #d8d8d8 !important;
  box-shadow: none !important;
}
.dijitDialog .dijitDialogTitleBar {
  display: none;
}
.dijitDialog .dijitDialogPaneContent {
  border: 0;
  padding: 26px 76px;
  background: #ffffff;
}

#EBPlusWarningDialog {
  text-align: center;
}
#EBPlusWarningDialog .dijitDialogPaneContent {
  background: #ffffff !important;
}
#EBPlusWarningDialog .dialog-message-button {
  margin-top: 26px;
}

#EBPlusExpirationDialog .dijitDialogPaneContent {
  padding: 34px 76px !important;
  background: #ffffff !important;
}
#EBPlusExpirationDialog .top-info-message {
  margin-bottom: 26px;
}
#EBPlusExpirationDialog .top-info-message-key {
  padding-top: 34px;
}
#EBPlusExpirationDialog .form-section {
  margin-bottom: 0px;
}
#EBPlusExpirationDialog .buttonDivCssEbPlus .big-action-button {
  margin-top: 26px;
}
#EBPlusExpirationDialog .confirmation-label {
  position: relative;
  top: 14px;
  margin-top: 10px;
  padding: 10px 0px;
}

#sessionTimeoutPFS .timeIcon {
  background: url("../img/clock.png") no-repeat center center;
  height: 25px;
  width: 25px;
  margin: 0px auto 26px auto;
}
#sessionTimeoutPFS .divSessionTimeoutPFS {
  line-height: 150%;
  text-align: center;
}

#operationStatusFailureMesageexpiration {
  margin: 10px 0px 26px 0px;
}
#operationStatusFailureMesageexpiration > span {
  display: block;
}

/* ==========================================================================
	Benificiary Message Box
========================================================================== */
.benificiary-message-box,
.benificiary-message-box-pstc,
.benificiary-button-ptsp {
  background: lightgray;
  width: 500px;
  height: 0;
  overflow: hidden;
  color: white;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.benificiary-message-box.error, .benificiary-message-box-pstc.error {
  background: #ea5a52 url("../img/icons/cancel.png") no-repeat 7px center;
}

.benificiary-message-box.success, .benificiary-message-box-pstc.success {
  background: #a1cc5e url("../img/icons/confirm.png") no-repeat 7px center;
}

.benificiary-message-box.success, .benificiary-message-box.error, .benificiary-message-box-pstc.success, .benificiary-message-box-pstc.error {
  height: 40px;
  line-height: 40px;
  text-indent: 37px;
}

/* ==========================================================================
	Subtitle messages
========================================================================== */
.subtitle-message {
  line-height: 25px;
  height: 25px;
  margin: 10px 0;
}
.subtitle-message .icon {
  float: left;
}
.subtitle-message .message-body {
  float: left;
  font-size: 11px;
}

/* ==========================================================================
	SMALL MULTISELECTS
========================================================================== */
.multiselect-container-small {
  display: block;
}
.multiselect-container-small .multiselect-container-1 {
  width: 40%;
  float: left;
}
.multiselect-container-small .multiselect-container-1 select {
  display: block;
}
.multiselect-container-small .multiselect-container-buttons {
  float: left;
  width: 20%;
}
.multiselect-container-small .multiselect-container-buttons > div {
  margin-top: 8px;
  *margin-top: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.multiselect-container-small .multiselect-container-buttons .action-button-text {
  display: inline-block;
}
.multiselect-container-small .multiselect-container-buttons .normal-action-button {
  padding: 0px 4px 0px 8px;
}
.multiselect-container-small .multiselect-container-buttons .action-text-icon-margin {
  margin-right: 0px;
}
.multiselect-container-small .multiselect-container-2 {
  width: 40%;
  *width: 39%;
  float: right;
}
.multiselect-container-small .multiselect-container-2 select {
  display: block;
}

/* ==========================================================================
	CARD KEY
========================================================================== */
.key-card-container .key-card-container-info p {
  line-height: 200%;
}
.key-card-container .key-card-container-boby {
  margin-top: 16px;
}
.key-card-container .key-card-container-boby table {
  width: auto;
  background: #eee;
}
.key-card-container .key-card-container-boby table td {
  width: 50px;
  height: 25px;
  border: 1px solid white;
  text-align: center;
}
.key-card-container .key-card-container-boby table td .otherCellsContent {
  display: none;
}
.key-card-container .key-card-container-boby table td.keveGray {
  background: #d8d8d8;
  text-align: center;
  font-weight: bold;
}
.key-card-container .key-card-container-boby table td.markedCoord {
  background: #e21115;
  color: white;
}
.key-card-container .key-card-container-boby table td.editing, .key-card-container .key-card-container-boby table td.complete {
  background: #848484;
}
.key-card-container .key-card-container-boby table td.editing input[type="password"], .key-card-container .key-card-container-boby table td.complete input[type="password"] {
  padding: 3px 0px;
  text-align: center;
  width: 10px;
}
.key-card-container .key-card-container-footer {
  margin-top: 16px;
}
.key-card-container .key-card-container-footer .cardKeyInfoText {
  color: #e21115;
  font-weight: bold;
}

.warning-dialog {
  border: none !important;
}
.warning-dialog .dijitDialogTitleBar {
  display: none;
}
.warning-dialog .dijitDialogPaneContent {
  padding: 0px;
  position: relative;
}
.warning-dialog .button-container {
  top: 5px;
  right: 5px;
  position: absolute;
  background-color: transparent;
}
.warning-dialog .button-container .continue-button {
  width: 17px;
  height: 17px;
  background: url("../img/closeAlerta.png") no-repeat;
}
.warning-dialog .message-body {
  width: auto;
  height: auto;
  padding: 0px;
}

/* ==========================================================================
	RADIO (override dojo radio)
========================================================================== */
.radio-container {
  display: inline-block;
}
.radio-container .radio-container-label {
  display: inline-block;
  float: left;
  margin-right: 3px;
}
.radio-container .radio-container-field {
  float: left;
  margin-right: 10px;
}
.radio-container .radio-container-field .dijitRadio {
  background: url("../img/radio-normal.png") no-repeat 0 0;
  margin-top: -2px;
  cursor: pointer;
}
.radio-container .radio-container-field .dijitRadio.dijitRadioChecked {
  background: url("../img/radio-chckd.png") no-repeat 0 0;
}
.radio-container .radio-container-field .dijitRadio + label {
  color: #9c9c9c;
  outline: none;
  cursor: pointer;
}
.radio-container .radio-container-field .dijitRadioChecked + label {
  color: #2d2d2d;
  cursor: pointer;
}
.radio-container:after {
  content: "";
  clear: both;
}
.radio-container .radio-input-ie10 {
  display: none;
}
.radio-container .radio-input-ie10 + label {
  display: inline-block;
  width: 19px;
  height: 19px;
  vertical-align: middle;
  background: url("../img/radio-normal.png") no-repeat 0 0;
}
.radio-container .radio-input-ie10:checked + label {
  background: url("../img/radio-chckd.png") no-repeat 0 0;
  cursor: pointer;
}
.radio-container .radio-input-ie10 + label + label {
  cursor: pointer;
}

.form-section .form-section-content .form-section-content-field .radio-container .radio-container-field label, .form-section .form-section-content .form-section-content-label-title .radio-container .radio-container-field label {
  display: inline-block;
}

/* ==========================================================================
	SELECT (with background)
========================================================================== */
.styled-select {
  width: 100%;
  height: 26px;
  overflow: hidden;
  background: url(../img/select-arrow.png) no-repeat right #ffffff;
  display: inline-block;
}
.styled-select > div {
  border: 1px solid #d8d8d8;
  height: 24px;
}
.styled-select > div:hover {
  border: 1px solid #2d2d2d;
}
.styled-select select {
  background: transparent;
  padding: 5px;
  padding-right: 20px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 22px;
  -webkit-appearance: none;
  min-width: 70px;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.styled-select select[multiple*="multiple"] {
  height: auto !important;
}

.filter-row label {
  vertical-align: top;
}
.filter-row .styled-select {
  width: auto;
}

.consultDashBoardMovFilterEB select {
  width: 330px;
}

.invalid-select {
  background: #fff6d9;
  border: 1px solid #dbc88b;
}

/* ==========================================================================
	CHART AND CALENDAR (DASHBOARD)
========================================================================== */
.container-cmov-dash-chart {
  border-top: 1px solid #d8d8d8;
}
.container-cmov-dash-chart .chart {
  float: left;
}
.container-cmov-dash-chart .calendar {
  float: right;
  width: 80px;
  height: 87px;
  margin-top: 30px;
  background: #FFF url("../img/date-cmov-dash.png") no-repeat;
  font-weight: bold;
  margin-right: 25px;
}
.container-cmov-dash-chart .calendar > span {
  display: block;
  height: 30px;
  color: white;
  text-transform: uppercase;
  padding-left: 5px;
  position: relative;
}
.container-cmov-dash-chart .calendar > span span {
  position: absolute;
  bottom: 2px;
  font-size: 11px;
}
.container-cmov-dash-chart .calendar > div {
  display: block;
  text-align: center;
  font-size: 40px;
  color: #2d2d2d;
  margin-top: 5px;
}

/* ==========================================================================
	CPIN OVERRIDE AT DASHBOARD
========================================================================== */
#cpin-dash-container {
  padding-top: 22px;
  height: 100%;
}
#cpin-dash-container .cpin-dash-container-header {
  padding: 0 15px;
}
#cpin-dash-container .cpin-dash-container-header span {
  float: right;
  color: #9c9c9c;
  font-size: 11px;
}

#assetsTable_cpin, #liabilitiesTable_cpin, #othersTable_cpin {
  margin-bottom: 5px;
}
#assetsTable_cpin tr .table-global-total, #liabilitiesTable_cpin tr .table-global-total, #othersTable_cpin tr .table-global-total {
  padding-top: 8px;
  display: inline-block;
}
#assetsTable_cpin tr .table-global-total span.amoutValue, #liabilitiesTable_cpin tr .table-global-total span.amoutValue, #othersTable_cpin tr .table-global-total span.amoutValue {
  font-sinze: 16px;
}
#assetsTable_cpin tr .table-global-total span.currencySpan, #liabilitiesTable_cpin tr .table-global-total span.currencySpan, #othersTable_cpin tr .table-global-total span.currencySpan {
  font-size: 12px;
}
#assetsTable_cpin tr td .dojoxGridHead, #liabilitiesTable_cpin tr td .dojoxGridHead, #othersTable_cpin tr td .dojoxGridHead {
  font-size: 13px;
  color: #2d2d2d;
  font-weight: bold;
}
#assetsTable_cpin tr td.ebNormalCell, #assetsTable_cpin tr td.ebGreenCell, #liabilitiesTable_cpin tr td.ebNormalCell, #liabilitiesTable_cpin tr td.ebGreenCell, #othersTable_cpin tr td.ebNormalCell, #othersTable_cpin tr td.ebGreenCell {
  padding: 0px 10px;
  height: 37px;
  vertical-align: middle;
  cursor: pointer;
}
#assetsTable_cpin tr .cpin-dash-expand, #liabilitiesTable_cpin tr .cpin-dash-expand, #othersTable_cpin tr .cpin-dash-expand {
  height: 14px;
  width: 8px;
  display: inline-block;
  margin-right: 10px;
}
#assetsTable_cpin tr .cpin-dash-expand.icon-expand, #liabilitiesTable_cpin tr .cpin-dash-expand.icon-expand, #othersTable_cpin tr .cpin-dash-expand.icon-expand {
  background: #FFF url("../img/arrow-closed.png") left center no-repeat;
}
#assetsTable_cpin tr .cpin-dash-expand.icon-contract, #liabilitiesTable_cpin tr .cpin-dash-expand.icon-contract, #othersTable_cpin tr .cpin-dash-expand.icon-contract {
  background: #FFF url("../img/arrow-open.png") left center no-repeat;
}

#Divcpin_dash .consultDashBoardMovFilterEB select, #Divcagv_dash .consultDashBoardMovFilterEB select {
  width: auto;
}

/* ==========================================================================
	CDOP OPERATION DETAILS
========================================================================== */
#gridContainerGridcdop .dojoxGridMasterHeader {
  margin-top: 0px;
  padding-top: 22px;
}

/* ==========================================================================
	CPIN DASH CHART
========================================================================== */
.cpin-dash-tables,
.cpin-dash-chart,
.cpin-dash-sub-chart {
  width: 50%;
  float: left;
  min-height: 200px;
}

.cpin-dash-tables .chart-border {
  min-height: 200px;
}

/* ==========================================================================
	PENDING OPERATIONS COUNTER
========================================================================== */
.pending-operations-count {
  color: white;
  font-size: 10px;
  margin-left: 7px;
  padding: 1px 5px;
  font-weight: bold;
  margin-right: -4px;
  border-radius: 10px;
  background: #2d2d2d;
  display: inline-block;
  float: left;
  margin-top: 12px;
}

li.isLevelTab.open-options .pending-operations-count {
  background: #ffffff;
  color: #e21115;
}

/* ==========================================================================
	PENDING OPERATIONS ERROR TOOLTIP
========================================================================== */
.multi-response-error-icon {
  width: 25px;
  height: 25px;
  /*margin-left: 12px;*/
  cursor: pointer;
  background: url("../img/error-action.png") no-repeat center center;
}

.multi-response-error-tooltip, .multi-response-pending-tooltip {
  display: none;
  width: 200px;
  height: auto;
  padding: 10px;
  background-color: #fcfcfc;
  border: 1px solid #ec1c23;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}

.multi-response-error-tooltip .tooltip-arrow, .multi-response-pending-tooltip .tooltip-arrow {
  width: 7px;
  height: 15px;
  position: absolute;
  left: -7px;
  top: 4px;
  background: url("../img/seta-erro.png") no-repeat 0 0;
}

.multi-response-pending-tooltip {
  border: 1px solid #8f8f8f;
}
.multi-response-pending-tooltip .tooltip-arrow {
  width: 7px;
  height: 15px;
  position: absolute;
  left: -7px;
  top: 4px;
  background: url("../img/seta-pendente.png") no-repeat 0 0;
}

/* ==========================================================================
	PENDING OPERATIONS BATCH
========================================================================== */
.multi-response-pending-icon {
  width: 25px;
  height: 25px;
  /*margin-left: 12px;*/
  cursor: pointer;
  background: url("../img/pending-batch-action.png") no-repeat center center;
}

/* ==========================================================================
	GO TO TOP
========================================================================== */
#gototop {
  font-size: 11px;
  z-index: 10000;
  visibility: hidden;
  position: fixed;
  right: 5px;
  bottom: 5px;
  color: #fff !important;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid  #ccc;
  background: #575757;
  padding: 10px;
}

/* ==========================================================================
	Edit limits
========================================================================== */
#gridContainerGrideditlimit > div {
  outline: none;
}
#gridContainerGrideditlimit .limit-currency-spacing {
  margin-left: 5px;
}
#gridContainerGrideditlimit .dojoxGridRowOver .normal-action-button {
  display: inline-block !important;
}
#gridContainerGrideditlimit .datagrid-action-button {
  margin-left: 24px;
}

/* ==========================================================================
	Language
========================================================================== */
.ChangeLanguageEbankaPlus {
  font-weight: bold;
}

.login-title-info {
  color: #e21115;
  padding: 0px 0 30px 0px;
  font-size: 18px;
  font-weight: bold;
}

.balance-span {
  padding: 7px;
  background: #eee;
}

.info-balance {
  font-size: 11px;
  padding-right: 5px;
}

.override-margin {
  margin: 0px !important;
}

.target-account-width {
  width: 360px;
}

.payment-ref-txt-ident {
  text-indent: 10px;
}

#ebpPaymentTable td {
  font-size: 13px;
  font-weight: bold;
  color: #9c9c9c;
}

#ebpPaymentTable td + td {
  font-size: 12px;
  font-weight: normal;
  color: #2d2d2d;
  padding-left: 39px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#ebpPaymentTable {
  margin-bottom: 10px;
}

.entity-data-input-width {
  float: left;
  margin-left: 5px;
  width: 362px;
}

.title-bar-txt {
  float: left;
  width: 196px;
  line-height: 26px;
  height: 26px;
  color: #9c9c9c;
  font-size: 11px;
}

.title-bar-info {
  font-weight: bold;
  color: #2d2d2d;
}

/* ==========================================================================
	CPIN Dash & CPIN
========================================================================== */
.tableRowSecondLevel .amoutValue,
.tableRowSecondLevel .level-two-title {
  color: #072334 !important;
  font-weight: bold;
}

.level-three-link, .level-two-title {
  font-size: 10px;
}

.level-two-title {
  float: left;
}

a.level-three-link:hover,
a.level-two-title:hover,
span.level-two-title:hover,
span.level-three-link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.level-three-link {
  padding-left: 7px;
}

.accordion-root {
  float: left;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: transparent url("../img/arrow-open.png") center center no-repeat;
  vertical-align: bottom;
  position: relative;
  top: -2px;
  margin-right: 5px;
}
.accordion-root.closed-item {
  background: transparent url("../img/arrow-closed.png") center center no-repeat;
}
.accordion-root + .level-two-title {
  display: inline-block;
}

/* ==========================================================================
	404 Page
========================================================================== */
.container-404 {
  width: 554px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.container-404 .image-404 {
  width: 192px;
  height: 222px;
  margin: 0 auto;
  margin-top: 70px;
  margin-bottom: 35px;
  background: url("../img/404-error.png") no-repeat center center;
}
.container-404 .title-404 {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
}
.container-404 .subtext-404 {
  width: 370px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}
.container-404 .nav-button {
  display: block;
  margin: 0 auto;
  color: #FFFFFF !important;
  float: none !important;
  width: 110px;
}

/* ==========================================================================
	Deprecated Browser Warning
========================================================================== */
.deprecated-browser-warning {
  width: 632px;
}
.deprecated-browser-warning .browser-options {
  margin-bottom: 45px;
}
.deprecated-browser-warning .browser-options ul li {
  float: left;
  margin-right: 15px;
  outline: none !important;
}
.deprecated-browser-warning .browser-options ul li a {
  width: 79px;
  height: 70px;
  display: inline-block;
  outline: none !important;
  background: url("../img/browser-icons-sprite.png") no-repeat center center;
}
.deprecated-browser-warning .browser-options ul li a.browser-chrome {
  background-position: 10px 4px;
}
.deprecated-browser-warning .browser-options ul li a.browser-chrome:hover {
  background-position: 10px -78px;
}
.deprecated-browser-warning .browser-options ul li a.browser-firefox {
  background-position: -85px 4px;
}
.deprecated-browser-warning .browser-options ul li a.browser-firefox:hover {
  background-position: -85px -78px;
}
.deprecated-browser-warning .browser-options ul li a.browser-opera {
  background-position: -180px 4px;
}
.deprecated-browser-warning .browser-options ul li a.browser-opera:hover {
  background-position: -180px -78px;
}
.deprecated-browser-warning .browser-options ul li a.browser-safari {
  background-position: -275px 4px;
}
.deprecated-browser-warning .browser-options ul li a.browser-safari:hover {
  background-position: -275px -78px;
}
.deprecated-browser-warning .browser-options ul li a.browser-ie {
  background-position: -366px 4px;
}
.deprecated-browser-warning .browser-options ul li a.browser-ie:hover {
  background-position: -366px -78px;
}
.deprecated-browser-warning .browser-options ul li .browser-title {
  text-align: center;
}
.deprecated-browser-warning .browser-deprecated-title {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.deprecated-browser-warning .browser-deprecated-subtext {
  width: 500px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 30px;
}
.deprecated-browser-warning .deprecated-browser-close-button {
  margin: 0 auto;
  color: #FFFFFF !important;
  float: none !important;
  display: block;
  width: 110px;
}

/* ==========================================================================
	Payments H2H
========================================================================== */
.noteConditions {
  margin-left: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.noteConditions .note-condition-consult {
  width: 100%;
}
.noteConditions .note-condition-request {
  width: 445px;
}

.content-note {
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}

.strong-note {
  font-weight: bold;
}

.entinty-input {
  width: 65px;
}

.reference-input {
  width: 125px;
}

/* ==========================================================================
	DOPE Situation Bar
========================================================================== */
#dope-situation-bar {
  padding: 8px;
  margin-bottom: 15px;
}
#dope-situation-bar.pending-status {
  border: 1px solid #d8d8d8;
}
#dope-situation-bar.resolved-status {
  background-color: #a1cc5e;
}
#dope-situation-bar.canceled-status {
  background-color: #eee;
}
#dope-situation-bar.inactive-status {
  background-color: #eee;
}
#dope-situation-bar.error-status {
  background-color: #ea5a52;
  cursor: pointer;
}
#dope-situation-bar #dope-situation-label {
  float: left;
  display: inline-block;
}
#dope-situation-bar #dope-situation-value {
  float: right;
  display: inline-block;
}

.dope-message-list {
  text-align: left;
  list-style: disc !important;
}
.dope-message-list li {
  margin-bottom: 10px;
}

/* ==========================================================================
	Messages
========================================================================== */
.message-color {
  color: #e21115;
}

.radio-container-field {
  float: left;
  margin-right: 10px;
}

.radio-container-label {
  display: inline-block;
  float: left;
  margin-right: 15px;
}

.request-message, .response-message {
  padding: 20px;
  width: 80%;
  border-radius: 12px;
}

.request-message {
  background: #f4f4f4;
  float: left;
  margin-top: 20px;
  margin-bottom: 10px;
}

.response-message {
  background: #dddddd;
  float: right;
}

.response-message-cmse {
  margin-top: 20px;
  margin-bottom: 10px;
}

.boldMessages {
  font-weight: bold;
}

.note-text {
  font-size: 11px;
}

.note-label {
  margin-top: 10px;
  color: #666666;
}

.tundra .dijitTextBox.adjust-sideBySide {
  margin-left: 5px;
  height: 14px !important;
  width: 44% !important;
}

/* ==========================================================================
	Widget List slider
========================================================================== */
.widget-container {
  margin-top: 16px;
  height: 112px;
  width: 960px;
}

.widget-slider-mask {
  max-width: 687px;
  height: 200px;
  float: left;
  overflow: hidden;
}

.widget-slider-list {
  margin: 0;
  padding: 0;
  position: relative;
}
.widget-slider-list > li {
  float: left;
  width: 168px;
  height: 163px;
  cursor: pointer;
  border: 1px solid transparent;
}
.widget-slider-list > li:hover {
  border: 1px solid #d8d8d8;
}
.widget-slider-list > li.selected {
  /*	border: 1px solid $global-border-color;*/
  background: #eee;
}
.widget-slider-list > li.selected .widget-slider-item-description {
  color: #2d2d2d;
  font-weight: bold;
}
.widget-slider-list > li.selected .widget-slider-item-image-h {
  display: block !important;
}
.widget-slider-list > li.selected .widget-slider-item-image-n {
  display: none !important;
}
.widget-slider-list > li .widget-slider-item-description {
  text-align: center;
  line-height: 14px;
  font-size: 13px;
  padding: 10px 5px 0px 5px;
  color: #9c9c9c;
}
.widget-slider-list > li .widget-slider-item-image {
  margin: 0 auto;
  margin-top: 10px;
  display: block;
  width: 80px;
  height: 80px;
}

.container-entity {
  height: 130px;
}

.other-entity {
  float: left;
  width: 168px;
  height: 162px;
  cursor: pointer;
  border: 1px solid transparent;
}

.other-entity-item-image {
  margin: 0 auto;
  margin-top: 35px;
  display: block;
}

.other-entity-item-description {
  margin-top: 20px;
  text-align: center;
  color: black;
}

.other-entity-selected {
  background: #eee;
}

.widget-slider-btn-container {
  float: left;
  height: 150px;
  width: 39px;
}
.widget-slider-btn-container.enabled {
  cursor: pointer;
}
.widget-slider-btn-container.enabled .widget-slider-btn.widget-slider-prev-btn {
  background-position: 0 -33px;
}
.widget-slider-btn-container.enabled .widget-slider-btn.widget-slider-next-btn {
  background-position: 0 -131px;
}
.widget-slider-btn-container.enabled:hover .widget-slider-btn.widget-slider-prev-btn {
  background-position: 0 -66px;
}
.widget-slider-btn-container.enabled:hover .widget-slider-btn.widget-slider-next-btn {
  background-position: 0 -164px;
}
.widget-slider-btn-container .widget-slider-btn {
  background: url("../img/slider-arrows.png") no-repeat 0 0;
  width: 20px;
  height: 32px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 55px;
}
.widget-slider-btn-container .widget-slider-btn.widget-slider-next-btn {
  background-position: 0 -97px;
}

.name-entinty-fix {
  width: 960px;
}
.name-entinty-fix > .normal-action-button {
  margin: 15px 0px 0px 10px;
}

.entity-info-name {
  display: inline-block;
  color: #2d2d2d;
  font-weight: bold;
  font-size: 18px;
  margin-top: 10px;
}

.container-info-payment {
  background: #eee;
  padding: 20px 0px 0px 20px !important;
  height: 330px;
  width: 926px;
}
.container-info-payment.container-info-payment-recharge {
  height: 150px !important;
}
.container-info-payment.container-info-payment-phone {
  height: 205px !important;
}

.accept-conditions {
  padding: 40px 0px 20px 0px;
}