button,
input,
select,
textarea {
  color: #222; }

html {
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

textarea {
  resize: vertical; }

.clearfix:after, .exchange-rate-widget:after, .exchange-rate-calculator-page > section:after, .exchange-rate-chart-page .currency-pair-header:after, .exchange-rate-chart-page nav:after, .indication-pricer .page-settings:after, .indication-pricer .actions:after, .transaction-request-page .page-settings:after, .transaction-request-page .actions:after, .transaction-request-summary-page .page-settings:after, .transaction-request-summary-page .labels-area:after, .transaction-request-strip .type-section:after, .transaction-request-strip .action-row:after, .report .page-settings:after, .report .actions:after, .trans-report .page-settings:after, .trans-report .actions:after, .deposit .page-settings:after, .deposit .actions:after, .exposure-page .page-settings:after, .exposure-page .actions:after, .cashflowhedgeaccounting-page .page-settings:after, .cashflowhedgeaccounting-page .actions:after, .contact-page .page-settings:after, .contact-page .actions:after, .bankaccount-page .page-settings:after, .bankaccount-page .actions:after, .client-page .page-settings:after, .client-page .actions:after, .automaticbackbonelegcashflowidchooser-page .page-settings:after, .automaticbackbonelegcashflowidchooser-page .actions:after, .hedging-recommendation-page .page-settings:after, .hedging-recommendation-page .labels-area:after {
  clear: both;
  content: "";
  display: block; }

a:focus,
input:focus,
select:focus,
button:focus,
textarea:focus,
.dropdown-box:focus,
.checkbox:focus,
.radio:focus,
.button:focus,
.action-button:focus,
.action:focus,
.dashboard-gauge-widget:focus {
  outline: 0;
  box-shadow: 0px 0px 5px #1EAAD8; }
  a:focus:active,
  input:focus:active,
  select:focus:active,
  button:focus:active,
  textarea:focus:active,
  .dropdown-box:focus:active,
  .checkbox:focus:active,
  .radio:focus:active,
  .button:focus:active,
  .action-button:focus:active,
  .action:focus:active,
  .dashboard-gauge-widget:focus:active {
    box-shadow: none; }

.calendar-view {
  background: #fff;
  padding: 2px;
  width: 145px;
  font-size: 12px;
  font-family: Arial, Tahoma;
  color: #333;
  border: 1px solid #a0a0a0;
  overflow: hidden;
  cursor: default;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3); }
  html.rtl .calendar-view {
    direction: rtl; }
  .calendar-view > .calendar-month-view {
    -webkit-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    background: none;
    color: inherit;
    font-size: inherit; }
  .calendar-view > .calendar-month-view-header {
    margin: 0;
    height: 16px;
    position: relative;
    background: #f0f0f0; }
    .calendar-view > .calendar-month-view-header > .calendar-month-view-header-prev, .calendar-view > .calendar-month-view-header > .calendar-month-view-header-next {
      position: absolute;
      top: 0;
      width: 4px;
      height: 7px;
      padding: 4px 5px 5px 5px;
      text-align: center; }
      .calendar-view > .calendar-month-view-header > .calendar-month-view-header-prev:before, .calendar-view > .calendar-month-view-header > .calendar-month-view-header-next:before {
        content: " ";
        font-size: 0;
        line-height: 0;
        display: block;
        vertical-align: top;
        width: 0;
        height: 0;
        border: #000 solid 0;
        border-top: 4px solid transparent; }
      .calendar-view > .calendar-month-view-header > .calendar-month-view-header-prev:after, .calendar-view > .calendar-month-view-header > .calendar-month-view-header-next:after {
        content: " ";
        font-size: 0;
        line-height: 0;
        display: block;
        vertical-align: top;
        width: 0;
        height: 0;
        border: #000 solid 0;
        border-bottom: 3px solid transparent; }
      html.with-hovers .calendar-view > .calendar-month-view-header > .calendar-month-view-header-prev:hover:before, html.with-hovers .calendar-view > .calendar-month-view-header > .calendar-month-view-header-prev:hover:after, html.with-hovers .calendar-view > .calendar-month-view-header > .calendar-month-view-header-next:hover:before, html.with-hovers .calendar-view > .calendar-month-view-header > .calendar-month-view-header-next:hover:after {
        border-right-color: #ccc;
        border-left-color: #ccc; }
      .calendar-view > .calendar-month-view-header > .calendar-month-view-header-prev:active:before, .calendar-view > .calendar-month-view-header > .calendar-month-view-header-prev:active:after, .calendar-view > .calendar-month-view-header > .calendar-month-view-header-prev.active:before, .calendar-view > .calendar-month-view-header > .calendar-month-view-header-prev.active:after, .calendar-view > .calendar-month-view-header > .calendar-month-view-header-next:active:before, .calendar-view > .calendar-month-view-header > .calendar-month-view-header-next:active:after, .calendar-view > .calendar-month-view-header > .calendar-month-view-header-next.active:before, .calendar-view > .calendar-month-view-header > .calendar-month-view-header-next.active:after {
        border-right-color: #aaa;
        border-left-color: #aaa; }
    .calendar-view > .calendar-month-view-header > .calendar-month-view-header-prev {
      left: 0; }
      .calendar-view > .calendar-month-view-header > .calendar-month-view-header-prev:before {
        border-right-width: 4px;
        border-left-width: 0; }
      .calendar-view > .calendar-month-view-header > .calendar-month-view-header-prev:after {
        border-right-width: 3px;
        border-left-width: 0;
        margin: 0 0 0 1px; }
    .calendar-view > .calendar-month-view-header > .calendar-month-view-header-title {
      text-align: center;
      height: 16px; }
    .calendar-view > .calendar-month-view-header > .calendar-month-view-header-next {
      right: 0; }
      .calendar-view > .calendar-month-view-header > .calendar-month-view-header-next:before {
        border-left-width: 4px;
        border-right-width: 0; }
      .calendar-view > .calendar-month-view-header > .calendar-month-view-header-next:after {
        border-left-width: 3px;
        border-right-width: 0;
        margin: 0 1px 0 0; }

.calendar-view-popup {
  z-index: 10000; }

.calendar-month-view {
  position: relative;
  background: #fff;
  width: 119px;
  padding: 0 7px;
  margin: 0 auto;
  font-size: 14px;
  color: #fff;
  cursor: default;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: height 0.2s ease-out;
  -ms-transition: height 0.2s ease-out;
  -moz-transition: height 0.2s ease-out;
  -o-transition: height 0.2s ease-out;
  transition: height 0.2s ease-out; }
  .calendar-month-view.weeks-1 {
    height: 34px; }
  .calendar-month-view.weeks-2 {
    height: 50px; }
  .calendar-month-view.weeks-3 {
    height: 66px; }
  .calendar-month-view.weeks-4 {
    height: 82px; }
  .calendar-month-view.weeks-5 {
    height: 98px; }
  .calendar-month-view.weeks-6 {
    height: 114px; }
  .calendar-month-view > .calendar-month-view-weekday-header {
    width: 119px;
    height: 16px;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 auto 1px auto; }
    .calendar-month-view > .calendar-month-view-weekday-header > .calendar-month-view-weekday {
      float: left;
      width: 17px;
      height: 15px;
      overflow: hidden;
      font-size: 12px;
      line-height: 15px;
      color: #000;
      text-align: center; }
  .calendar-month-view > .calendar-month-view-row {
    height: 15px;
    width: 120px;
    /* 2px extra to account for zoom-out bugs */ }
    .calendar-month-view > .calendar-month-view-row > .calendar-month-view-tile {
      position: relative;
      float: left;
      width: 17px;
      height: 15px;
      font-size: 12px;
      line-height: 15px;
      text-align: center; }
      .calendar-month-view > .calendar-month-view-row > .calendar-month-view-tile:first-child {
        clear: left;
        /* account for zoom-out bugs */ }
      .calendar-month-view > .calendar-month-view-row > .calendar-month-view-tile.calendar-month-view-tile-today {
        border: 1px solid #bb5503;
        margin: -1px; }
      .calendar-month-view > .calendar-month-view-row > .calendar-month-view-tile.calendar-month-view-tile-adjacent {
        color: #6d6d6d; }
      .calendar-month-view > .calendar-month-view-row > .calendar-month-view-tile.calendar-month-view-tile-focus {
        border: 1px dashed #bb5503;
        margin: -1px;
        background: #eee; }
      .calendar-month-view > .calendar-month-view-row > .calendar-month-view-tile.calendar-month-view-tile-disabled:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid #747576;
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        transform: rotate(-15deg); }
      html.with-hovers .calendar-month-view > .calendar-month-view-row > .calendar-month-view-tile:hover {
        background: #ddd; }
      .calendar-month-view > .calendar-month-view-row > .calendar-month-view-tile:active, .calendar-month-view > .calendar-month-view-row > .calendar-month-view-tile.active {
        background: #ccc; }

.calendar-view-actions {
  text-align: center;
  border-top: 1px solid #f0f0f0;
  margin: 0 auto 2px auto;
  padding: 5px 0 0;
  width: 119px; }

.calendar-view-action {
  display: inline-block;
  vertical-align: top;
  background: #f0f0f0;
  padding: 2px 3px;
  margin: 0 1px;
  font-size: 12px;
  line-height: 15px; }
  html.with-hovers .calendar-view-action:hover {
    background: #a0a0a0; }
  .calendar-view-action:active, .calendar-view-action.active {
    background: #000;
    color: #fff; }

.dropdown-box {
  position: relative;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  height: 26px;
  font-size: 15px;
  line-height: 17px;
  white-space: nowrap;
  cursor: default;
  background: transparent;
  background-color: #cfcfcf;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFCFCFC, endColorstr=#FFCFCFCF, GradientType=0);
  background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #cfcfcf 100%);
  background-image: -moz-linear-gradient(top, #fcfcfc 0%, #cfcfcf 100%);
  background-image: -o-linear-gradient(top, #fcfcfc 0%, #cfcfcf 100%);
  background-image: -ms-linear-gradient(top, #fcfcfc 0%, #cfcfcf 100%);
  background-image: linear-gradient(to bottom, #fcfcfc 0%, #cfcfcf 100%);
  background-repeat: repeat-x;
  border: 1px solid #A1A2A4;
  background: #fff;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
  @media all and (min-width: 0) {
    .dropdown-box {
      filter: default; } }
  .dropdown-box > .dropdown-box-label {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    z-index: 0;
    left: 9px;
    top: 2px;
    right: 29px;
    bottom: 3px;
    padding: 0;
    color: #222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .dropdown-box > .dropdown-box-down {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 0;
    width: 11px;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: url("../images/icons/dropdown_arrow.png") no-repeat 0 center; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .dropdown-box > .dropdown-box-down {
        background-image: url("../images/icons/dropdown_arrow@2x.png");
        background-size: 11px 7px; } }
  .dropdown-box:focus {
    box-shadow: 0px 0px 6px #0244d4; }

.dropdown-box.dropdown-box-full {
  display: block;
  width: auto;
  clear: both; }
  .dropdown-box.dropdown-box-full > .dropdown-box-label {
    width: 100%; }

.dropdown-box.invalid {
  border-color: red;
  box-shadow: 0 0 5px #ff0000; }

ul.dropdown-menu {
  float: left;
  margin: -1px -2px 0 0;
  padding: 0;
  list-style: none;
  border: 1px solid #b1b1b1;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
  outline: 0;
  background: #fff;
  z-index: 10000;
  -webkit-overflow-scrolling: touch;
  /* Disable TAP highlight on Android */
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  /* i.e. Nexus5/Chrome and Kindle Fire HD 7 */ }
  ul.dropdown-menu:focus {
    box-shadow: none;
    outline: 0; }
  html.rtl ul.dropdown-menu {
    direction: rtl; }
  ul.dropdown-menu.autocomplete-dropdown-menu {
    background: #fff; }
  ul.dropdown-menu > li {
    margin: 2px;
    padding: 1px 11px 2px 11px;
    font-size: 13px;
    line-height: 17px;
    height: 20px;
    color: #3e3f48;
    white-space: nowrap;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    ul.dropdown-menu > li.dropdown-menu-item-focus {
      background: #2A3638;
      color: #f9f9f9; }
  ul.dropdown-menu.dropdown-menu-has-scroll li {
    margin: 2px 0;
    padding: 1px 11px 2px 15px; }
    html.rtl ul.dropdown-menu.dropdown-menu-has-scroll li {
      padding: 1px 15px 2px 11px; }
  ul.dropdown-menu > li .checkbox {
    display: inline-block;
    vertical-align: top;
    width: 13px;
    height: 13px;
    margin: 2px 4px 0;
    /* unchecked style */
    background: url("../images/icons/dropdown_checkbox.png") no-repeat 0 0; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      ul.dropdown-menu > li .checkbox {
        background: url("../images/icons/dropdown_checkbox@2x.png") no-repeat 0 0;
        background-size: 26px 13px; } }
  html.with-hovers ul.dropdown-menu > li:hover .checkbox {
    /* unchecked hover style */
    background-position: 0 0; }
  ul.dropdown-menu > li:active .checkbox, ul.dropdown-menu > li.active .checkbox,
  html.with-hovers ul.dropdown-menu > li:hover:active .checkbox,
  html.with-hovers ul.dropdown-menu > li:hover.active .checkbox {
    /* unchecked active style */
    background-position: 0 0; }
  ul.dropdown-menu > li.dropdown-menu-item-checked .checkbox {
    /* checked style */
    background-position: -13px 0; }
  html.with-hovers ul.dropdown-menu > li.dropdown-menu-item-checked:hover .checkbox {
    /* checked hover style */
    background-position: -13px 0; }
  ul.dropdown-menu > li.dropdown-menu-item-checked:active .checkbox, ul.dropdown-menu > li.dropdown-menu-item-checked.active .checkbox,
  html.with-hovers ul.dropdown-menu > li.dropdown-menu-item-checked:hover:active .checkbox,
  html.with-hovers ul.dropdown-menu > li.dropdown-menu-item-checked:hover.active .checkbox {
    /* checked active style */
    background-position: -13px 0; }
  ul.dropdown-menu > li.dropdown-menu-item-multi {
    padding: 1px 6px 2px 2px; }
    html.rtl ul.dropdown-menu > li.dropdown-menu-item-multi {
      padding: 1px 2px 2px 6px; }
  ul.dropdown-menu.dropdown-menu-has-scroll li.dropdown-menu-item-multi {
    margin: 2px 0;
    padding: 1px 6px 2px 0; }
    html.rtl ul.dropdown-menu.dropdown-menu-has-scroll li.dropdown-menu-item-multi {
      padding: 1px 0 2px 6px; }

.loading-popup {
  min-width: 100px;
  min-height: 64px;
  padding: 12px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000, endColorstr=#B3000000, GradientType=0);
  border-radius: 4px; }
  @media all and (min-width: 0) {
    .loading-popup {
      filter: default; } }
  html.rtl .loading-popup {
    direction: rtl; }
  .loading-popup > .spinner {
    position: relative;
    width: 26px;
    height: 26px;
    margin: 0 auto 12px; }
  .loading-popup > .title {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    min-height: 24px;
    margin: 0 0 8px;
    padding: 0; }
  .loading-popup.blueish {
    background-color: rgba(35, 170, 215, 0.7);
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B323AAD7, endColorstr=#B323AAD7, GradientType=0); }
    @media all and (min-width: 0) {
      .loading-popup.blueish {
        filter: default; } }

.message-popup {
  position: relative;
  padding: 10px 10px 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 90%;
  z-index: 10002;
  cursor: default;
  color: #000; }
  html.rtl .message-popup {
    direction: rtl; }
  .message-popup .yesno-buttons {
    margin: 0 auto;
    display: flex; }
  .message-popup .ok-buttons {
    margin: 0 auto;
    display: flex; }
  .message-popup .small-btn {
    font-size: 15px;
    width: 40px;
    margin-right: 10px;
    margin-top: 5px;
    margin: 0 auto; }
  .message-popup > .close {
    position: absolute;
    cursor: pointer;
    width: 26px;
    height: 26px;
    left: -10px;
    top: -10px;
    z-index: 2;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    border: 2px solid #000; }
    .message-popup > .close:before {
      display: block;
      content: " ";
      width: 14px;
      height: 14px;
      margin: 5px auto;
      background: url("../images/close.png") no-repeat 0 0; }
  .message-popup.warning {
    border: 2px solid #f2dd8c;
    background-color: #fff5cc; }
    .message-popup.warning a {
      color: #df0000; }
      .message-popup.warning a:hover, .message-popup.warning a:active, .message-popup.warning a .active, .message-popup.warning a:focus {
        color: #303030; }
    .message-popup.warning > .close {
      border-color: #f2dd8c; }
  .message-popup.info {
    border: 2px solid #b8e2fb;
    background-color: #e8f6ff; }
    .message-popup.info > .close {
      border-color: #b8e2fb; }
  .message-popup.infoblack {
    border: 2px solid rgba(0, 0, 0, 0.7);
    background-color: black;
    color: white; }
  .message-popup.rate-popup {
    border: 2px solid #b8e2fb;
    background-color: #cac9c6;
    width: 200px;
    text-align: center; }
    .message-popup.rate-popup > .close {
      border-color: #b8e2fb; }
  .message-popup.done {
    border: 2px solid #bbdf8d;
    background-color: #eaf7d9; }
    .message-popup.done > .close {
      border-color: #bbdf8d; }
  .message-popup.error {
    border: 2px solid #ffaeae;
    background-color: #feebeb; }
    .message-popup.error > .close {
      border-color: #ffaeae; }
  .message-popup > .title {
    font-size: larger; }

input:not([type]),
input[type=text],
input[type=number],
input[type=tel],
input[type=email],
input[type=password],
textarea,
input[type=text].date {
  display: block;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #BDBDBD;
  background: #fff;
  font-size: 15px;
  line-height: 17px;
  margin: 0;
  padding: 2px 10px 3px 10px;
  height: 30px;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  /* remove browser specific styling in any supporting browsers */
  border-radius: 0;
  /* OS X browsers */ }
  input:not([type])::-webkit-input-placeholder,
  input[type=text]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  input[type=text].date::-webkit-input-placeholder {
    color: #818181; }
  input:not([type]):-moz-placeholder,
  input[type=text]:-moz-placeholder,
  input[type=number]:-moz-placeholder,
  input[type=tel]:-moz-placeholder,
  input[type=email]:-moz-placeholder,
  input[type=password]:-moz-placeholder,
  textarea:-moz-placeholder,
  input[type=text].date:-moz-placeholder {
    color: #818181; }
  input:not([type])::-moz-placeholder,
  input[type=text]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  textarea::-moz-placeholder,
  input[type=text].date::-moz-placeholder {
    color: #818181; }
  input:not([type]):-ms-input-placeholder,
  input[type=text]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  input[type=text].date:-ms-input-placeholder {
    color: #818181; }
  input:not([type]).invalid,
  input[type=text].invalid,
  input[type=number].invalid,
  input[type=tel].invalid,
  input[type=email].invalid,
  input[type=password].invalid,
  textarea.invalid,
  input[type=text].date.invalid {
    border-color: red;
    box-shadow: 0 0 5px #ff0000; }

select {
  height: 27px;
  padding: 3px 30px 4px 10px;
  border: 1px solid #A1A2A4;
  font-size: 15px;
  line-height: 17px;
  background: #fff url("../images/icons/dropdown_arrow_padded.png") no-repeat right center;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  /* remove browser specific styling in any supporting browsers */
  border-radius: 0;
  /* OS X browsers */
  /* Firefox: This will come in in the next Firefox release, we hope... */
  /* Firefox: Remove focus ring around text in SELECT */
  /* IE: Hide arrow */ }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    select {
      background-image: url("../images/icons/dropdown_arrow_padded@2x.png");
      background-size: 31px 7px; } }
  select:-moz-select-button {
    background: none;
    display: none; }
  select::-moz-select-button {
    background: none;
    display: none; }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }
  select::-ms-expand {
    display: none; }

input.loading, select.loading {
  background-image: url("../images/spinners/textbox-loader-progress.gif");
  background-repeat: no-repeat;
  background-position: right center; }

.checkbox {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none; }
  .checkbox:focus {
    box-shadow: none;
    outline: 0; }
  .checkbox > .checkbox-button {
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    overflow: hidden;
    /* unchecked style */
    background: #fff;
    border: 1px solid #4F6778; }
    html.with-hovers .checkbox > .checkbox-button:hover {
      /* unchecked hover style */
      background: #eee; }
  .checkbox:active > .checkbox-button,
  .checkbox .active > .checkbox-button,
  html.with-hovers .checkbox:hover:active > .checkbox-button,
  html.with-hovers .checkbox:hover.active > .checkbox-button {
    /* unchecked active style */
    background: #ddd; }
  .checkbox.disabled {
    /* unchecked disabled style */
    background: #777; }
  .checkbox.checked > .checkbox-button {
    /* checked style */
    background: #477ca2; }
  html.with-hovers .checkbox.checked:hover > .checkbox-button {
    /* checked hover style */
    background: #44779c; }
  .checkbox.checked:active > .checkbox-button, .checkbox.checked.active > .checkbox-button,
  html.with-hovers .checkbox.checked:hover:active > .checkbox-button,
  html.with-hovers .checkbox.checked:hover.active > .checkbox-button {
    /* checked active style */
    background: #417295; }
  .checkbox.checked.disabled > .checkbox-button {
    /* checked disabled style */
    background: #777; }
  .checkbox > .checkbox-label {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: normal;
    color: #7f7f7f;
    padding-left: 6px;
    cursor: pointer; }
    .checkbox > .checkbox-label.loading {
      padding: 0 30px 0 6px; }
  .checkbox.group > .checkbox-label {
    font-weight: bold; }
  .checkbox:focus > .checkbox-button {
    box-shadow: 0px 0px 6px yellow; }

.checkbox .label {
  float: none;
  font-size: 15px;
  color: #7f7f7f;
  font-weight: normal; }
  .checkbox .label.loading {
    padding: 0 30px 0 6px; }

.checkbox.group .label {
  font-weight: bold; }

html.rtl .checkbox > .checkbox-label {
  padding-right: 6px;
  padding-left: 0; }
  html.rtl .checkbox > .checkbox-label.loading {
    padding: 0 6px 0 30px; }

.radio {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none; }
  .radio:focus {
    box-shadow: none;
    outline: 0; }
  .radio > .radio-button {
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    overflow: hidden;
    border-radius: 8px;
    /* unchecked style */
    background: transparent;
    border: 1px solid #4D5558; }
    .radio > .radio-button:after {
      content: "";
      display: inline-block;
      vertical-align: top;
      margin: 2px;
      width: 7px;
      height: 7px;
      border-radius: 4px; }
    html.with-hovers .radio > .radio-button:hover {
      /* unchecked hover style */
      background: rgba(255, 255, 255, 0.1); }
  .radio:active > .radio-button, .radio .active > .radio-button,
  html.with-hovers .radio:hover:active > .radio-button, html.with-hovers .radio:hover.active > .radio-button {
    /* unchecked active style */
    background: rgba(255, 255, 255, 0.2); }
  .radio.disabled {
    /* unchecked disabled style */
    background: rgba(127, 127, 127, 0.5); }
  .radio.checked > .radio-button {
    /* checked style */
    background: transparent; }
    .radio.checked > .radio-button:after {
      background: #477ca2; }
  html.with-hovers .radio.checked:hover > .radio-button {
    /* checked hover style */
    background: transparent; }
    html.with-hovers .radio.checked:hover > .radio-button:after {
      background: #4c85ae; }
  .radio.checked:active > .radio-button, .radio.checked.active > .radio-button,
  html.with-hovers .radio.checked:hover:active > .radio-button, html.with-hovers .radio.checked:hover.active > .radio-button {
    /* checked active style */
    background: transparent; }
    .radio.checked:active > .radio-button:after, .radio.checked.active > .radio-button:after,
    html.with-hovers .radio.checked:hover:active > .radio-button:after, html.with-hovers .radio.checked:hover.active > .radio-button:after {
      background: #5f94b9; }
  .radio.checked.disabled > .radio-button {
    /* checked disabled style */
    background: transparent; }
    .radio.checked.disabled > .radio-button:after {
      background: #777; }
  .radio > .radio-label {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: normal;
    color: #7f7f7f;
    padding-left: 6px;
    cursor: pointer; }
    .radio > .radio-label.loading {
      padding: 0 30px 0 6px; }
  .radio.group > .radio-label {
    font-weight: bold; }
  .radio:focus > .radio-button {
    box-shadow: 0px 0px 6px yellow; }

.radio .label {
  float: none;
  font-size: 15px;
  color: #7f7f7f;
  font-weight: normal; }
  .radio .label.loading {
    padding: 0 30px 0 6px; }

.radio.group .label {
  font-weight: bold; }

html.rtl .radio > .radio-label {
  padding-right: 6px;
  padding-left: 0; }
  html.rtl .radio > .radio-label.loading {
    padding: 0 6px 0 30px; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: none; }
  ::-webkit-scrollbar:hover, ::-webkit-scrollbar:active {
    background: rgba(128, 128, 128, 0.5); }

::-webkit-scrollbar-track {
  background: none; }

::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.5);
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

html > body::-webkit-scrollbar {
  background: #202E31; }

.page-actions {
  float: right;
  margin: 18px 0 18px 0;
  width: 100%; }
  .page-actions .ind-refresh-l {
    float: left; }
  .page-actions .action {
    float: right;
    width: 100px;
    padding-right: 20px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #465e68;
    border-radius: 1px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    text-align: center;
    margin-left: 14px;
    background-repeat: no-repeat;
    cursor: pointer; }
    .page-actions .action.back {
      float: left;
      color: #688b99;
      margin-left: 0;
      width: 70px;
      padding-right: 0; }
      .page-actions .action.back:before {
        content: "< "; }
    .page-actions .action.editdeal {
      float: left;
      color: #688b99;
      margin-left: 14px;
      width: 140px;
      padding-right: 0; }
      .page-actions .action.editdeal:before {
        content: " "; }
    .page-actions .action.cash-flow {
      background-image: url("../images/icons/tab6-3.png");
      background-position: right 6px center; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .page-actions .action.cash-flow {
          background-image: url("../images/icons/tab6-3@2x.png");
          background-size: 20px 20px; } }
    .page-actions .action.expiry {
      background-image: url("../images/icons/tab6-2.png");
      background-position: right 14px center; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .page-actions .action.expiry {
          background-image: url("../images/icons/tab6-2@2x.png");
          background-size: 20px 20px; } }
    .page-actions .action.export {
      background-image: url("../images/icons/icon_export.png");
      background-position: right 14px center; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .page-actions .action.export {
          background-image: url("../images/icons/icon_export@2x.png");
          background-size: 20px 20px; } }
    .page-actions .action.filter {
      background-image: url("../images/icons/icon_filter.png");
      background-position: right 14px center; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .page-actions .action.filter {
          background-image: url("../images/icons/icon_filter@2x.png");
          background-size: 20px 20px; } }
    .page-actions .action.hedging-status {
      width: 120px;
      background-image: url("../images/icons/icon_hedging_status.png");
      background-position: right 7px center; }
    .page-actions .action.open-order {
      background-image: url("../images/icons/tab5-2.png");
      background-position: right 6px center; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .page-actions .action.open-order {
          background-image: url("../images/icons/tab5-2@2x.png");
          background-size: 20px 20px; } }
    .page-actions .action.settings {
      background-image: url("../images/icons/icon_settings.png");
      background-position: right 9px center; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .page-actions .action.settings {
          background-image: url("../images/icons/icon_settings@2x.png");
          background-size: 20px 20px; } }
    .page-actions .action.share {
      background-image: url("../images/icons/icon_share.png");
      background-position: right 14px center; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .page-actions .action.share {
          background-image: url("../images/icons/icon_share@2x.png");
          background-size: 20px 20px; } }
    .page-actions .action.virtualfilter {
      float: left;
      padding-right: 0px; }
      .page-actions .action.virtualfilter.active {
        background-color: #0099c3; }
    .page-actions .action.regularfilter {
      float: left;
      padding-right: 0px; }
      .page-actions .action.regularfilter.active {
        background-color: #0099c3; }
    .page-actions .action.usecurrent {
      background-image: url("../images/icons/tab3_pressed.png");
      background-position: right 5px center; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .page-actions .action.usecurrent {
          background-image: url("../images/icons/tab3_pressed@2x.png");
          background-size: 20px 20px; } }
    .page-actions .action.simulator {
      width: 120px;
      background-image: url("../images/icons/icon_simulator.png");
      background-position: right 10px center; }
    .page-actions .action.sorting {
      background-image: url("../images/icons/icon_sorting.png");
      background-position: right 14px center; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .page-actions .action.sorting {
          background-image: url("../images/icons/icon_sorting@2x.png");
          background-size: 20px 20px; } }
    .page-actions .action.multichange {
      background-image: url("../images/icons/icon_goto.png");
      background-position: right 14px center;
      width: 120px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .page-actions .action.multichange {
          background-image: url("../images/icons/icon_goto@2x.png");
          background-size: 20px 20px; } }

@media screen and (max-width: 767px) {
  .page-actions {
    margin-top: 5px;
    width: auto; }
    .page-actions.with-back {
      width: 100%; }
    .page-actions .action {
      width: 30px;
      padding-right: 0;
      color: transparent;
      font-size: 0;
      margin-left: 5px;
      /* Disable TAP highlight on Android */
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
      -webkit-tap-highlight-color: transparent;
      /* i.e. Nexus5/Chrome and Kindle Fire HD 7 */ }
      .page-actions .action.back {
        font-size: 16px; }
      .page-actions .action.expiry {
        display: none; }
      .page-actions .action.export {
        display: none; }
      .page-actions .action.filter {
        background-position: center center; }
      .page-actions .action.settings {
        background-position: center center; }
        .page-actions .action.settings.no-display-mobile {
          display: none; }
      .page-actions .action.share {
        background-position: center center; }
      .page-actions .action.sorting {
        display: none; } }

/* disable anchor hightlights on touch devices */
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.abs-action-div {
  position: absolute;
  left: 74%;
  margin: -35px 0 0; }

.icon-header {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 100% !important; }

.cancel_deals {
  height: 15px;
  background: url(../images/icons/icon_x.png) no-repeat 12px center;
  /* background-color: #1a2428; */
  width: 26px; }
  .cancel_deals:hover {
    background-image: url("../images/icons/icon_x_pressed.png"); }

.blue-gradient {
  background: #1be3d7;
  background: linear-gradient(90deg, rgba(27, 227, 215, 0.157475) 4%, rgba(88, 55, 221, 0.227504) 100%, rgba(6, 2, 11, 0.521913) 100%); }

img,
embed,
canvas,
video,
svg {
  max-width: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1eaad8;
  font-weight: normal; }

.action-btn-sticky {
  bottom: 55px;
  right: 20px;
  position: fixed;
  z-index: 99999; }

input[type="checkbox"]:focus {
  outline: 0;
  box-shadow: none; }

h1 {
  font-size: 22px; }
  h1:before {
    content: ">";
    display: inline-block;
    margin: 0 18px 0 0; }

h1.modal-title {
  text-align: center;
  margin-top: 50px; }
  h1.modal-title:before {
    content: none; }

h1.modal-left-title {
  text-align: left;
  margin-top: 50px; }
  h1.modal-left-title:before {
    content: "> "; }

h1.white-title {
  color: #ffffff;
  font-size: 18px; }
  h1.white-title:before {
    content: ">";
    display: inline-block;
    margin: 8px 18px 0 14px; }

header {
  height: 88px;
  border-bottom: 1px solid #23aad7;
  padding: 37px 0 0; }
  header .logo {
    display: block;
    width: 342px;
    height: 57px;
    margin: 0 auto;
    background: url("../images/logo.png") no-repeat 50% 50%; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      header .logo {
        background-image: url("../images/logo@2x.png");
        background-size: 342px;
        height: 57px; } }

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 5px 0 5px;
  border-top: 1px solid #23aad7;
  background: #1e232c; }
  footer .content {
    max-width: 950px;
    margin: 0 auto; }
    footer .content .site {
      color: #1eaad8;
      font-size: 15px; }
    footer .content .terms {
      float: right;
      font-size: 13px;
      padding-top: 2px; }
      footer .content .terms a {
        color: #ffffff;
        text-decoration: none; }
    footer .content .chrome_notification {
      margin-left: 170px; }
      footer .content .chrome_notification .chrome_notification_button {
        color: #1eaad8;
        font-size: 13px;
        border: 1px solid #1eaad8;
        border-radius: 11px;
        margin-left: 4px;
        padding: 3px 11px; }

section {
  clear: both; }

.action {
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

nav.main {
  height: 66px;
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-text-select: none;
  -ms-text-select: none;
  -moz-text-select: none;
  -o-text-select: none;
  text-select: none; }
  nav.main ul {
    list-style: none none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    padding-left: 5%;
    padding-right: 5%; }
  nav.main li {
    float: left;
    width: 190px;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    position: relative;
    margin-left: 5% !important; }
    nav.main li > a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #fff;
      background: none; }
      nav.main li > a:before {
        display: block;
        content: "";
        padding: 2px 0 0;
        height: 32px;
        background: no-repeat center center; }
    nav.main li.home > a:before {
      background-image: url("../images/icons/tab1.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.home > a:before {
          background-image: url("../images/icons/tab1@2x.png");
          background-size: 21px 20px; } }
    html.with-hovers nav.main li.home > a:hover,
    nav.main li.home > a:active,
    nav.main li.home > a.active,
    nav.main li.home.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.home > a:hover:before,
      nav.main li.home > a:active:before,
      nav.main li.home > a.active:before,
      nav.main li.home.selected > a:before {
        background-image: url("../images/icons/tab1_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.home > a:hover:before,
          nav.main li.home > a:active:before,
          nav.main li.home > a.active:before,
          nav.main li.home.selected > a:before {
            background-image: url("../images/icons/tab1_pressed@2x.png"); } }
    nav.main li.alert > a:before {
      background-image: url("../images/icons/tab7.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.alert > a:before {
          background-image: url("../images/icons/tab7@2x.png");
          background-size: 25px 18px; } }
    html.with-hovers nav.main li.alert > a:hover,
    nav.main li.alert > a:active,
    nav.main li.alert > a.active,
    nav.main li.alert.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.alert > a:hover:before,
      nav.main li.alert > a:active:before,
      nav.main li.alert > a.active:before,
      nav.main li.alert.selected > a:before {
        background-image: url("../images/icons/tab7_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.alert > a:hover:before,
          nav.main li.alert > a:active:before,
          nav.main li.alert > a.active:before,
          nav.main li.alert.selected > a:before {
            background-image: url("../images/icons/tab7_pressed@2x.png"); } }
    nav.main li.dashboard > a:before {
      background-image: url("../images/icons/tab2.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.dashboard > a:before {
          background-image: url("../images/icons/tab2@2x.png");
          background-size: 25px 18px; } }
    html.with-hovers nav.main li.dashboard > a:hover,
    nav.main li.dashboard > a:active,
    nav.main li.dashboard > a.active,
    nav.main li.dashboard.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.dashboard > a:hover:before,
      nav.main li.dashboard > a:active:before,
      nav.main li.dashboard > a.active:before,
      nav.main li.dashboard.selected > a:before {
        background-image: url("../images/icons/tab2_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.dashboard > a:hover:before,
          nav.main li.dashboard > a:active:before,
          nav.main li.dashboard > a.active:before,
          nav.main li.dashboard.selected > a:before {
            background-image: url("../images/icons/tab2_pressed@2x.png"); } }
    nav.main li.indications > a:before {
      background-image: url("../images/icons/tab3.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.indications > a:before {
          background-image: url("../images/icons/tab3@2x.png");
          background-size: 23px 25px; } }
    html.with-hovers nav.main li.indications > a:hover,
    nav.main li.indications > a:active,
    nav.main li.indications > a.active,
    nav.main li.indications.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.indications > a:hover:before,
      nav.main li.indications > a:active:before,
      nav.main li.indications > a.active:before,
      nav.main li.indications.selected > a:before {
        background-image: url("../images/icons/tab3_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.indications > a:hover:before,
          nav.main li.indications > a:active:before,
          nav.main li.indications > a.active:before,
          nav.main li.indications.selected > a:before {
            background-image: url("../images/icons/tab3_pressed@2x.png"); } }
    nav.main li.exchange-rate > a:before {
      background-image: url("../images/icons/tab4.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.exchange-rate > a:before {
          background-image: url("../images/icons/tab4@2x.png");
          background-size: 27px 19px; } }
    html.with-hovers nav.main li.exchange-rate > a:hover,
    nav.main li.exchange-rate > a:active,
    nav.main li.exchange-rate > a.active,
    nav.main li.exchange-rate.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.exchange-rate > a:hover:before,
      nav.main li.exchange-rate > a:active:before,
      nav.main li.exchange-rate > a.active:before,
      nav.main li.exchange-rate.selected > a:before {
        background-image: url("../images/icons/tab4_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.exchange-rate > a:hover:before,
          nav.main li.exchange-rate > a:active:before,
          nav.main li.exchange-rate > a.active:before,
          nav.main li.exchange-rate.selected > a:before {
            background-image: url("../images/icons/tab4_pressed@2x.png"); } }
    nav.main li.transaction > a:before {
      background-image: url("../images/icons/tab5.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.transaction > a:before {
          background-image: url("../images/icons/tab5@2x.png");
          background-size: 27px 20px; } }
    html.with-hovers nav.main li.transaction > a:hover,
    nav.main li.transaction > a:active,
    nav.main li.transaction > a.active,
    nav.main li.transaction.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.transaction > a:hover:before,
      nav.main li.transaction > a:active:before,
      nav.main li.transaction > a.active:before,
      nav.main li.transaction.selected > a:before {
        background-image: url("../images/icons/tab5_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.transaction > a:hover:before,
          nav.main li.transaction > a:active:before,
          nav.main li.transaction > a.active:before,
          nav.main li.transaction.selected > a:before {
            background-image: url("../images/icons/tab5_pressed@2x.png"); } }
    nav.main li.report > a:before {
      background-image: url("../images/icons/tab6.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.report > a:before {
          background-image: url("../images/icons/tab6@2x.png");
          background-size: 16px 21px; } }
    html.with-hovers nav.main li.report > a:hover,
    nav.main li.report > a:active,
    nav.main li.report > a.active,
    nav.main li.report.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.report > a:hover:before,
      nav.main li.report > a:active:before,
      nav.main li.report > a.active:before,
      nav.main li.report.selected > a:before {
        background-image: url("../images/icons/tab6_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.report > a:hover:before,
          nav.main li.report > a:active:before,
          nav.main li.report > a.active:before,
          nav.main li.report.selected > a:before {
            background-image: url("../images/icons/tab6_pressed@2x.png"); } }
    nav.main li.hedging_status > a:before {
      background-image: url("../images/icons/compass.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.hedging_status > a:before {
          background-image: url("../images/icons/compass@2x.png");
          background-size: 16px 21px; } }
    html.with-hovers nav.main li.hedging_status > a:hover,
    nav.main li.hedging_status > a:active,
    nav.main li.hedging_status > a.active,
    nav.main li.hedging_status.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.hedging_status > a:hover:before,
      nav.main li.hedging_status > a:active:before,
      nav.main li.hedging_status > a.active:before,
      nav.main li.hedging_status.selected > a:before {
        background-image: url("../images/icons/compass_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.hedging_status > a:hover:before,
          nav.main li.hedging_status > a:active:before,
          nav.main li.hedging_status > a.active:before,
          nav.main li.hedging_status.selected > a:before {
            background-image: url("../images/icons/compass_pressed@2x.png"); } }
    nav.main li.hedging_recommendation > a:before {
      background-image: url("../images/icons/pandl.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.hedging_recommendation > a:before {
          background-image: url("../images/icons/pandl@2x.png");
          background-size: 16px 21px; } }
    html.with-hovers nav.main li.hedging_recommendation > a:hover,
    nav.main li.hedging_recommendation > a:active,
    nav.main li.hedging_recommendation > a.active,
    nav.main li.hedging_recommendation.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.hedging_recommendation > a:hover:before,
      nav.main li.hedging_recommendation > a:active:before,
      nav.main li.hedging_recommendation > a.active:before,
      nav.main li.hedging_recommendation.selected > a:before {
        background-image: url("../images/icons/pandl_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.hedging_recommendation > a:hover:before,
          nav.main li.hedging_recommendation > a:active:before,
          nav.main li.hedging_recommendation > a.active:before,
          nav.main li.hedging_recommendation.selected > a:before {
            background-image: url("../images/icons/pandl_pressed@2x.png"); } }
    nav.main li.hedging_rec_settings > a:before {
      background-image: url("../images/icons/pandl.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.hedging_rec_settings > a:before {
          background-image: url("../images/icons/pandl@2x.png");
          background-size: 16px 21px; } }
    html.with-hovers nav.main li.hedging_rec_settings > a:hover,
    nav.main li.hedging_rec_settings > a:active,
    nav.main li.hedging_rec_settings > a.active,
    nav.main li.hedging_rec_settings.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.hedging_rec_settings > a:hover:before,
      nav.main li.hedging_rec_settings > a:active:before,
      nav.main li.hedging_rec_settings > a.active:before,
      nav.main li.hedging_rec_settings.selected > a:before {
        background-image: url("../images/icons/pandl_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.hedging_rec_settings > a:hover:before,
          nav.main li.hedging_rec_settings > a:active:before,
          nav.main li.hedging_rec_settings > a.active:before,
          nav.main li.hedging_rec_settings.selected > a:before {
            background-image: url("../images/icons/pandl_pressed@2x.png"); } }
    nav.main li.simulation > a:before {
      background-image: url("../images/icons/play.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.simulation > a:before {
          background-image: url("../images/icons/play@2x.png");
          background-size: 16px 21px; } }
    html.with-hovers nav.main li.simulation > a:hover,
    nav.main li.simulation > a:active,
    nav.main li.simulation > a.active,
    nav.main li.simulation.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.simulation > a:hover:before,
      nav.main li.simulation > a:active:before,
      nav.main li.simulation > a.active:before,
      nav.main li.simulation.selected > a:before {
        background-image: url("../images/icons/play_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.simulation > a:hover:before,
          nav.main li.simulation > a:active:before,
          nav.main li.simulation > a.active:before,
          nav.main li.simulation.selected > a:before {
            background-image: url("../images/icons/play_pressed@2x.png"); } }
    nav.main li.deposit > a:before {
      background-image: url("../images/icons/deposit.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.deposit > a:before {
          background-image: url("../images/icons/deposit@2x.png");
          background-size: 27px 25px; } }
    html.with-hovers nav.main li.deposit > a:hover,
    nav.main li.deposit > a:active,
    nav.main li.deposit > a.active,
    nav.main li.deposit.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.deposit > a:hover:before,
      nav.main li.deposit > a:active:before,
      nav.main li.deposit > a.active:before,
      nav.main li.deposit.selected > a:before {
        background-image: url("../images/icons/deposit_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.deposit > a:hover:before,
          nav.main li.deposit > a:active:before,
          nav.main li.deposit > a.active:before,
          nav.main li.deposit.selected > a:before {
            background-image: url("../images/icons/deposit_pressed@2x.png"); } }
    nav.main li.recommendation > a:before {
      background-image: url("../images/icons/deposit.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.recommendation > a:before {
          background-image: url("../images/icons/deposit@2x.png");
          background-size: 27px 25px; } }
    html.with-hovers nav.main li.recommendation > a:hover,
    nav.main li.recommendation > a:active,
    nav.main li.recommendation > a.active,
    nav.main li.recommendation.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.recommendation > a:hover:before,
      nav.main li.recommendation > a:active:before,
      nav.main li.recommendation > a.active:before,
      nav.main li.recommendation.selected > a:before {
        background-image: url("../images/icons/deposit_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.recommendation > a:hover:before,
          nav.main li.recommendation > a:active:before,
          nav.main li.recommendation > a.active:before,
          nav.main li.recommendation.selected > a:before {
            background-image: url("../images/icons/deposit_pressed@2x.png"); } }
    nav.main li.management > a:before {
      background-image: url("../images/icons/deposit.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.management > a:before {
          background-image: url("../images/icons/deposit@2x.png");
          background-size: 27px 25px; } }
    html.with-hovers nav.main li.management > a:hover,
    nav.main li.management > a:active,
    nav.main li.management > a.active,
    nav.main li.management.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.management > a:hover:before,
      nav.main li.management > a:active:before,
      nav.main li.management > a.active:before,
      nav.main li.management.selected > a:before {
        background-image: url("../images/icons/deposit_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.management > a:hover:before,
          nav.main li.management > a:active:before,
          nav.main li.management > a.active:before,
          nav.main li.management.selected > a:before {
            background-image: url("../images/icons/deposit_pressed@2x.png"); } }
    nav.main li.more > a:before {
      background-image: url("../images/icons/more.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.more > a:before {
          background-image: url("../images/icons/more@2x.png");
          background-size: 24px 24px; } }
    html.with-hovers nav.main li.more > a:hover,
    nav.main li.more > a:active,
    nav.main li.more > a.active,
    nav.main li.more.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.more > a:hover:before,
      nav.main li.more > a:active:before,
      nav.main li.more > a.active:before,
      nav.main li.more.selected > a:before {
        background-image: url("../images/icons/more_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.more > a:hover:before,
          nav.main li.more > a:active:before,
          nav.main li.more > a.active:before,
          nav.main li.more.selected > a:before {
            background-image: url("../images/icons/more_pressed@2x.png"); } }
    nav.main li.contact > a:before {
      background-image: url("../images/icons/contact.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.main li.contact > a:before {
          background-image: url("../images/icons/contact@2x.png");
          background-size: 24px 24px; } }
    html.with-hovers nav.main li.contact > a:hover,
    nav.main li.contact > a:active,
    nav.main li.contact > a.active,
    nav.main li.contact.selected > a {
      color: #0192c1; }
      html.with-hovers nav.main li.contact > a:hover:before,
      nav.main li.contact > a:active:before,
      nav.main li.contact > a.active:before,
      nav.main li.contact.selected > a:before {
        background-image: url("../images/icons/contact_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.main li.contact > a:hover:before,
          nav.main li.contact > a:active:before,
          nav.main li.contact > a.active:before,
          nav.main li.contact.selected > a:before {
            background-image: url("../images/icons/contact_pressed@2x.png"); } }
  nav.main .alert-number {
    display: block;
    width: 19px;
    padding: 2px 0 0;
    height: 19px;
    background: no-repeat center center;
    position: absolute;
    left: 21px;
    top: 9px;
    font-size: 9px;
    font-weight: bold;
    color: #fff; }
  html.no-nav nav.main {
    display: none !important; }

nav.sub {
  height: 62px;
  background-color: rgba(104, 115, 118, 0.22);
  -webkit-text-select: none;
  -ms-text-select: none;
  -moz-text-select: none;
  -o-text-select: none;
  text-select: none; }
  nav.sub ul {
    list-style: none none;
    margin: 0 auto;
    padding: 0;
    width: 81%;
    height: 100%; }
  nav.sub li {
    float: left;
    width: 190px;
    height: 100%;
    margin: 0;
    padding: 0;
    margin-left: 5% !important;
    padding: 0;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-align: center; }
    nav.sub li > a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #fff;
      background: none; }
      nav.sub li > a:before {
        display: block;
        content: "";
        width: 100%;
        padding: 2px 0 0;
        height: 32px;
        background: no-repeat center center; }
    nav.sub li.default > a:before {
      background-image: url("../images/icons/tab3-1.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.default > a:before {
          background-image: url("../images/icons/tab3-1@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.default > a:hover,
    nav.sub li.default > a:active,
    nav.sub li.default > a.active,
    nav.sub li.default.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.default > a:hover:before,
      nav.sub li.default > a:active:before,
      nav.sub li.default > a.active:before,
      nav.sub li.default.selected > a:before {
        background-image: url("../images/icons/tab3-1_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.default > a:hover:before,
          nav.sub li.default > a:active:before,
          nav.sub li.default > a.active:before,
          nav.sub li.default.selected > a:before {
            background-image: url("../images/icons/tab3-1_pressed@2x.png"); } }
    nav.sub li.pricer > a:before {
      background-image: url("../images/icons/tab3-2.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.pricer > a:before {
          background-image: url("../images/icons/tab3-2@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.pricer > a:hover,
    nav.sub li.pricer > a:active,
    nav.sub li.pricer > a.active,
    nav.sub li.pricer.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.pricer > a:hover:before,
      nav.sub li.pricer > a:active:before,
      nav.sub li.pricer > a.active:before,
      nav.sub li.pricer.selected > a:before {
        background-image: url("../images/icons/tab3-2_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.pricer > a:hover:before,
          nav.sub li.pricer > a:active:before,
          nav.sub li.pricer > a.active:before,
          nav.sub li.pricer.selected > a:before {
            background-image: url("../images/icons/tab3-2_pressed@2x.png"); } }
    nav.sub li.create > a:before {
      background-image: url("../images/icons/tab5-1.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.create > a:before {
          background-image: url("../images/icons/tab5-1@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.create > a:hover,
    nav.sub li.create > a:active,
    nav.sub li.create > a.active,
    nav.sub li.create.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.create > a:hover:before,
      nav.sub li.create > a:active:before,
      nav.sub li.create > a.active:before,
      nav.sub li.create.selected > a:before {
        background-image: url("../images/icons/tab5-1_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.create > a:hover:before,
          nav.sub li.create > a:active:before,
          nav.sub li.create > a.active:before,
          nav.sub li.create.selected > a:before {
            background-image: url("../images/icons/tab5-1_pressed@2x.png"); } }
    nav.sub li.open-order > a:before {
      background-image: url("../images/icons/tab5-2.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.open-order > a:before {
          background-image: url("../images/icons/tab5-2@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.open-order > a:hover,
    nav.sub li.open-order > a:active,
    nav.sub li.open-order > a.active,
    nav.sub li.open-order.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.open-order > a:hover:before,
      nav.sub li.open-order > a:active:before,
      nav.sub li.open-order > a.active:before,
      nav.sub li.open-order.selected > a:before {
        background-image: url("../images/icons/tab5-2_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.open-order > a:hover:before,
          nav.sub li.open-order > a:active:before,
          nav.sub li.open-order > a.active:before,
          nav.sub li.open-order.selected > a:before {
            background-image: url("../images/icons/tab5-2_pressed@2x.png"); } }
    nav.sub li.blotter > a:before {
      background-image: url("../images/icons/tab6-1.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.blotter > a:before {
          background-image: url("../images/icons/tab6-1@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.blotter > a:hover,
    nav.sub li.blotter > a:active,
    nav.sub li.blotter > a.active,
    nav.sub li.blotter.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.blotter > a:hover:before,
      nav.sub li.blotter > a:active:before,
      nav.sub li.blotter > a.active:before,
      nav.sub li.blotter.selected > a:before {
        background-image: url("../images/icons/tab6-1_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.blotter > a:hover:before,
          nav.sub li.blotter > a:active:before,
          nav.sub li.blotter > a.active:before,
          nav.sub li.blotter.selected > a:before {
            background-image: url("../images/icons/tab6-1_pressed@2x.png"); } }
    nav.sub li.fairvalue > a:before {
      background-image: url("../images/icons/fairness.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.fairvalue > a:before {
          background-image: url("../images/icons/fairness@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.fairvalue > a:hover,
    nav.sub li.fairvalue > a:active,
    nav.sub li.fairvalue > a.active,
    nav.sub li.fairvalue.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.fairvalue > a:hover:before,
      nav.sub li.fairvalue > a:active:before,
      nav.sub li.fairvalue > a.active:before,
      nav.sub li.fairvalue.selected > a:before {
        background-image: url("../images/icons/fairness_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.fairvalue > a:hover:before,
          nav.sub li.fairvalue > a:active:before,
          nav.sub li.fairvalue > a.active:before,
          nav.sub li.fairvalue.selected > a:before {
            background-image: url("../images/icons/fairness_pressed@2x.png"); } }
    nav.sub li.expiry > a:before {
      background-image: url("../images/icons/tab6-2.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.expiry > a:before {
          background-image: url("../images/icons/tab6-2@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.expiry > a:hover,
    nav.sub li.expiry > a:active,
    nav.sub li.expiry > a.active,
    nav.sub li.expiry.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.expiry > a:hover:before,
      nav.sub li.expiry > a:active:before,
      nav.sub li.expiry > a.active:before,
      nav.sub li.expiry.selected > a:before {
        background-image: url("../images/icons/tab6-2_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.expiry > a:hover:before,
          nav.sub li.expiry > a:active:before,
          nav.sub li.expiry > a.active:before,
          nav.sub li.expiry.selected > a:before {
            background-image: url("../images/icons/tab6-2_pressed@2x.png"); } }
    nav.sub li.cash-flow > a:before {
      background-image: url("../images/icons/tab6-3.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.cash-flow > a:before {
          background-image: url("../images/icons/tab6-3@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.cash-flow > a:hover,
    nav.sub li.cash-flow > a:active,
    nav.sub li.cash-flow > a.active,
    nav.sub li.cash-flow.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.cash-flow > a:hover:before,
      nav.sub li.cash-flow > a:active:before,
      nav.sub li.cash-flow > a.active:before,
      nav.sub li.cash-flow.selected > a:before {
        background-image: url("../images/icons/tab6-3_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.cash-flow > a:hover:before,
          nav.sub li.cash-flow > a:active:before,
          nav.sub li.cash-flow > a.active:before,
          nav.sub li.cash-flow.selected > a:before {
            background-image: url("../images/icons/tab6-3_pressed@2x.png"); } }
    nav.sub li.indication > a:before {
      background-image: url("../images/icons/depoindi.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.indication > a:before {
          background-image: url("../images/icons/depoindi@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.indication > a:hover,
    nav.sub li.indication > a:active,
    nav.sub li.indication > a.active,
    nav.sub li.indication.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.indication > a:hover:before,
      nav.sub li.indication > a:active:before,
      nav.sub li.indication > a.active:before,
      nav.sub li.indication.selected > a:before {
        background-image: url("../images/icons/depoindi_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.indication > a:hover:before,
          nav.sub li.indication > a:active:before,
          nav.sub li.indication > a.active:before,
          nav.sub li.indication.selected > a:before {
            background-image: url("../images/icons/depoindi_pressed@2x.png"); } }
    nav.sub li.open-deposit > a:before {
      background-image: url("../images/icons/opendepo.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.open-deposit > a:before {
          background-image: url("../images/icons/opendepo@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.open-deposit > a:hover,
    nav.sub li.open-deposit > a:active,
    nav.sub li.open-deposit > a.active,
    nav.sub li.open-deposit.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.open-deposit > a:hover:before,
      nav.sub li.open-deposit > a:active:before,
      nav.sub li.open-deposit > a.active:before,
      nav.sub li.open-deposit.selected > a:before {
        background-image: url("../images/icons/opendepo_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.open-deposit > a:hover:before,
          nav.sub li.open-deposit > a:active:before,
          nav.sub li.open-deposit > a.active:before,
          nav.sub li.open-deposit.selected > a:before {
            background-image: url("../images/icons/opendepo_pressed@2x.png"); } }
    nav.sub li.bank-activity > a:before {
      background-image: url("../images/icons/tab6-4.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.bank-activity > a:before {
          background-image: url("../images/icons/tab6-4@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.bank-activity > a:hover,
    nav.sub li.bank-activity > a:active,
    nav.sub li.bank-activity > a.active,
    nav.sub li.bank-activity.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.bank-activity > a:hover:before,
      nav.sub li.bank-activity > a:active:before,
      nav.sub li.bank-activity > a.active:before,
      nav.sub li.bank-activity.selected > a:before {
        background-image: url("../images/icons/tab6-4_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.bank-activity > a:hover:before,
          nav.sub li.bank-activity > a:active:before,
          nav.sub li.bank-activity > a.active:before,
          nav.sub li.bank-activity.selected > a:before {
            background-image: url("../images/icons/tab6-4_pressed@2x.png"); } }
    nav.sub li.pnl > a:before {
      background-image: url("../images/icons/pandl.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.pnl > a:before {
          background-image: url("../images/icons/pandl@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.pnl > a:hover,
    nav.sub li.pnl > a:active,
    nav.sub li.pnl > a.active,
    nav.sub li.pnl.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.pnl > a:hover:before,
      nav.sub li.pnl > a:active:before,
      nav.sub li.pnl > a.active:before,
      nav.sub li.pnl.selected > a:before {
        background-image: url("../images/icons/pandl_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.pnl > a:hover:before,
          nav.sub li.pnl > a:active:before,
          nav.sub li.pnl > a.active:before,
          nav.sub li.pnl.selected > a:before {
            background-image: url("../images/icons/pandl_pressed@2x.png"); } }
    nav.sub li.financeexpenses > a:before {
      background-image: url("../images/icons/coins.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.financeexpenses > a:before {
          background-image: url("../images/icons/coins@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.financeexpenses > a:hover,
    nav.sub li.financeexpenses > a:active,
    nav.sub li.financeexpenses > a.active,
    nav.sub li.financeexpenses.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.financeexpenses > a:hover:before,
      nav.sub li.financeexpenses > a:active:before,
      nav.sub li.financeexpenses > a.active:before,
      nav.sub li.financeexpenses.selected > a:before {
        background-image: url("../images/icons/coins_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.financeexpenses > a:hover:before,
          nav.sub li.financeexpenses > a:active:before,
          nav.sub li.financeexpenses > a.active:before,
          nav.sub li.financeexpenses.selected > a:before {
            background-image: url("../images/icons/coins_pressed@2x.png"); } }
    nav.sub li.unrealizedgain > a:before {
      background-image: url("../images/icons/pandl.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.unrealizedgain > a:before {
          background-image: url("../images/icons/pandl@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.unrealizedgain > a:hover,
    nav.sub li.unrealizedgain > a:active,
    nav.sub li.unrealizedgain > a.active,
    nav.sub li.unrealizedgain.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.unrealizedgain > a:hover:before,
      nav.sub li.unrealizedgain > a:active:before,
      nav.sub li.unrealizedgain > a.active:before,
      nav.sub li.unrealizedgain.selected > a:before {
        background-image: url("../images/icons/pandl_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.unrealizedgain > a:hover:before,
          nav.sub li.unrealizedgain > a:active:before,
          nav.sub li.unrealizedgain > a.active:before,
          nav.sub li.unrealizedgain.selected > a:before {
            background-image: url("../images/icons/pandl_pressed@2x.png"); } }
    nav.sub li.extended_hedging_status > a:before {
      background-image: url("../images/icons/reglar.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.extended_hedging_status > a:before {
          background-image: url("../images/icons/reglar@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.extended_hedging_status > a:hover,
    nav.sub li.extended_hedging_status > a:active,
    nav.sub li.extended_hedging_status > a.active,
    nav.sub li.extended_hedging_status.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.extended_hedging_status > a:hover:before,
      nav.sub li.extended_hedging_status > a:active:before,
      nav.sub li.extended_hedging_status > a.active:before,
      nav.sub li.extended_hedging_status.selected > a:before {
        background-image: url("../images/icons/reglar_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.extended_hedging_status > a:hover:before,
          nav.sub li.extended_hedging_status > a:active:before,
          nav.sub li.extended_hedging_status > a.active:before,
          nav.sub li.extended_hedging_status.selected > a:before {
            background-image: url("../images/icons/reglar_pressed@2x.png"); } }
    nav.sub li.recommendation > a:before {
      background-image: url("../images/icons/deposit.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.recommendation > a:before {
          background-image: url("../images/icons/deposit@2x.png");
          background-size: 27px 25px; } }
    html.with-hovers nav.sub li.recommendation > a:hover,
    nav.sub li.recommendation > a:active,
    nav.sub li.recommendation > a.active,
    nav.sub li.recommendation.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.recommendation > a:hover:before,
      nav.sub li.recommendation > a:active:before,
      nav.sub li.recommendation > a.active:before,
      nav.sub li.recommendation.selected > a:before {
        background-image: url("../images/icons/deposit_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.recommendation > a:hover:before,
          nav.sub li.recommendation > a:active:before,
          nav.sub li.recommendation > a.active:before,
          nav.sub li.recommendation.selected > a:before {
            background-image: url("../images/icons/deposit_pressed@2x.png"); } }
    nav.sub li.management > a:before {
      background-image: url("../images/icons/reglar.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        nav.sub li.management > a:before {
          background-image: url("../images/icons/reglar@2x.png");
          background-size: 20px 17px; } }
    html.with-hovers nav.sub li.management > a:hover,
    nav.sub li.management > a:active,
    nav.sub li.management > a.active,
    nav.sub li.management.selected > a {
      color: #0192c1; }
      html.with-hovers nav.sub li.management > a:hover:before,
      nav.sub li.management > a:active:before,
      nav.sub li.management > a.active:before,
      nav.sub li.management.selected > a:before {
        background-image: url("../images/icons/reglar_pressed.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          html.with-hovers nav.sub li.management > a:hover:before,
          nav.sub li.management > a:active:before,
          nav.sub li.management > a.active:before,
          nav.sub li.management.selected > a:before {
            background-image: url("../images/icons/reglar_pressed@2x.png"); } }
  html.no-nav nav.sub {
    display: none !important; }

#main-pane {
  max-width: 85%;
  margin: 0 auto;
  padding: 0 0 24px; }

.sm-content {
  max-width: 955px;
  margin-left: 25%; }

.sm-popup-content {
  max-width: 955px;
  margin-left: 25%;
  float: left;
  padding: 5px 10px 12px 12px;
  margin: 0;
  background: rgba(0, 0, 0, 0.85);
  list-style: none;
  border: 1px solid #6D7172;
  overflow-y: auto;
  overflow-x: hidden;
  outline: 0;
  z-index: 100; }

.close-button {
  border: 1px solid #6D7172;
  padding: 0 3px 0 3px;
  float: right; }

.bordered, .exchange-rate-page .page-content, .dashboard-page .page-content, .indications-page .page-content, .indication-pricer .page-content, .transaction-request-page .page-content, .transaction-request-summary-page .page-content, .transaction-request-strip .page-content, .report .page-content, .trans-report .page-content, .deposit .page-content, .open_deposit_page .page-content, .exposure-page .page-content, .cashflowhedgeaccounting-page .page-content, .contact-page .page-content, .bankaccount-page .page-content, .client-page .page-content, .automaticbackbonelegcashflowidchooser-page .page-content, .hedging-recommendation-page .page-content {
  border: 1px solid #3e595f;
  border-radius: 6px; }
  .bordered > .content, .exchange-rate-page .page-content > .content, .dashboard-page .page-content > .content, .indications-page .page-content > .content, .indication-pricer .page-content > .content, .transaction-request-page .page-content > .content, .transaction-request-summary-page .page-content > .content, .transaction-request-strip .page-content > .content, .report .page-content > .content, .trans-report .page-content > .content, .deposit .page-content > .content, .open_deposit_page .page-content > .content, .exposure-page .page-content > .content, .cashflowhedgeaccounting-page .page-content > .content, .contact-page .page-content > .content, .bankaccount-page .page-content > .content, .client-page .page-content > .content, .automaticbackbonelegcashflowidchooser-page .page-content > .content, .hedging-recommendation-page .page-content > .content {
    padding: 60px;
    -webkit-user-select: text;
    -ms-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text; }

hr {
  border: 0;
  height: 1px;
  background: #3e595f;
  margin: 0; }

.actions-area {
  text-align: center;
  padding: 20px; }

.action-button-blue, .login-page .action-button, .reset-page .action-button {
  display: inline-block;
  background: #007ef6;
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 6px 0 7px;
  width: 230px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
  html.with-hovers .action-button-blue:hover, html.with-hovers .login-page .action-button:hover, .login-page html.with-hovers .action-button:hover, html.with-hovers .reset-page .action-button:hover, .reset-page html.with-hovers .action-button:hover, .action-button-blue:active, .login-page .action-button:active, .reset-page .action-button:active, .action-button-blue.active, .login-page .active.action-button, .reset-page .active.action-button {
    background: #4da8ff; }

.action-button-blue-small {
  display: inline-block;
  background: #007ef6;
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 6px 0 7px;
  width: 185px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
  html.with-hovers .action-button-blue-small:hover, .action-button-blue-small:active, .action-button-blue-small.active {
    background: #4da8ff; }

.action-button-gray {
  display: inline-block;
  background: #717777;
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 6px 0 7px;
  width: 230px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
  html.with-hovers .action-button-gray:hover, .action-button-gray:active, .action-button-gray.active {
    background: #79a2b3; }
  .action-button-gray.small {
    font-size: 15px;
    width: 130px; }

.action-button-green, .login-page .action-button-transp, .exchange-rate-calculator-page .action-button {
  display: inline-block;
  background: #00a745;
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 6px 0 7px;
  width: 230px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
  html.with-hovers .action-button-green:hover, html.with-hovers .login-page .action-button-transp:hover, .login-page html.with-hovers .action-button-transp:hover, html.with-hovers .exchange-rate-calculator-page .action-button:hover, .exchange-rate-calculator-page html.with-hovers .action-button:hover, .action-button-green:active, .login-page .action-button-transp:active, .exchange-rate-calculator-page .action-button:active, .action-button-green.active, .login-page .active.action-button-transp, .exchange-rate-calculator-page .active.action-button {
    background: #33a661; }

.action-button-green-small {
  display: inline-block;
  background: #00a745;
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 6px 0 7px;
  width: 185px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
  html.with-hovers .action-button-green-small:hover, .action-button-green-small:active, .action-button-green-small.active {
    background: #33a661; }

.action-button-disabled {
  background: #3f3f3f;
  border-color: #3f3f3f;
  color: #616161; }
  html.with-hovers .action-button-disabled:hover, .action-button-disabled:active, .action-button-disabled.active {
    background: #3f3f3f;
    border-color: #3f3f3f;
    color: #616161; }

.action-button-info {
  display: inline-block;
  background: url("../images/icons/icon_info.png") no-repeat 0 center;
  padding: 20px 0 7px;
  width: 26px;
  -webkit-user-select: none;
  position: absolute;
  left: 267px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

.action-button-transparent, .exchange-rate-chart-page .nav-button {
  display: inline-block;
  font-size: 20px;
  text-align: center;
  color: #7b9ea8;
  text-decoration: none;
  border: 1px solid #465e68;
  border-radius: 1px;
  padding: 6px 0 7px;
  width: 230px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
  html.with-hovers .action-button-transparent:hover, html.with-hovers .exchange-rate-chart-page .nav-button:hover, .exchange-rate-chart-page html.with-hovers .nav-button:hover {
    border-color: #688b99;
    color: #688b99; }
  .action-button-transparent:active, .exchange-rate-chart-page .nav-button:active, .action-button-transparent.active, .exchange-rate-chart-page .active.nav-button,
  html.with-hovers .action-button-transparent:active,
  html.with-hovers .exchange-rate-chart-page .nav-button:active,
  .exchange-rate-chart-page html.with-hovers .nav-button:active,
  html.with-hovers .action-button-transparent.active,
  html.with-hovers .exchange-rate-chart-page .active.nav-button,
  .exchange-rate-chart-page html.with-hovers .active.nav-button {
    border-color: #79a2b3;
    color: #79a2b3; }

.login-page {
  width: 290px;
  margin: 0 auto;
  padding: 40px;
  border: 1px solid #c0c4c5; }
  .login-page input[type="email"],
  .login-page input[type="password"],
  .login-page input[type="text"] {
    display: block;
    width: 100%;
    padding: 13px 22px 14px;
    border: 0;
    margin: 0 0 18px;
    height: 44px; }
  .login-page .forgot {
    text-align: right;
    margin: 0 0 24px;
    font-size: 12px; }
    .login-page .forgot a {
      text-decoration: none;
      color: #757575; }
  .login-page .resend {
    text-align: right;
    margin: 0 0 24px;
    font-size: 12px; }
    .login-page .resend a {
      text-decoration: none;
      color: #757575; }
  .login-page .txt {
    text-align: left;
    font-size: 12px; }
    .login-page .txt a {
      text-decoration: none;
      color: #757575; }
  .login-page .phone-txt {
    text-align: left;
    margin: 0 0 24px;
    font-size: 12px; }
    .login-page .phone-txt a {
      text-decoration: none;
      color: #757575; }
  .login-page .error2fa, .login-page .login2faerror, .login-page .error {
    color: #f50926;
    margin-top: 10px;
    font-size: 14px; }
  .login-page .action-button {
    display: block;
    width: auto; }
    .login-page .action-button:after {
      content: ">";
      display: inline-block;
      margin: 0 0 0 12px; }
  .login-page .action-button-transp {
    display: block;
    width: auto;
    margin-top: 10px; }
    .login-page .action-button-transp:before {
      content: "<";
      display: inline-block;
      margin: 0 12px 0 0; }

.reset-page {
  width: 290px;
  margin: 0 auto;
  padding: 40px;
  border: 1px solid #c0c4c5; }
  .reset-page input[type="email"],
  .reset-page input[type="password"] {
    display: block;
    width: 100%;
    padding: 13px 22px 14px;
    border: 0;
    margin: 0 0 18px;
    height: 44px;
    padding-right: 50px; }
  .reset-page .label {
    margin-bottom: 10px;
    font-size: 14px; }
  .reset-page .action-button {
    display: block;
    width: auto; }
    .reset-page .action-button:after {
      content: ">";
      display: inline-block;
      margin: 0 0 0 12px; }
  .reset-page .error {
    color: #f50926;
    margin-top: 10px;
    font-size: 14px; }
  .reset-page .password-policy-button {
    background: url("../images/icons/icon_info.png") no-repeat 0 center;
    height: 26px;
    width: 26px;
    float: right;
    margin: -52px 10px 0 0;
    border: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-appearance: none; }

ul.ordering-menu {
  float: left;
  width: 262px;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.85);
  list-style: none;
  border: 1px solid #6D7172;
  overflow-y: auto;
  overflow-x: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* Disable TAP highlight on Android */
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  /* i.e. Nexus5/Chrome and Kindle Fire HD 7 */
  z-index: 100; }
  ul.ordering-menu:focus {
    box-shadow: none;
    outline: 0; }
  html.rtl ul.ordering-menu {
    direction: rtl; }
  ul.ordering-menu > li {
    position: relative;
    padding: 5px 55px 6px 25px;
    font-size: 13px;
    line-height: 29px;
    height: 40px;
    color: #f5f5f5;
    white-space: nowrap;
    cursor: pointer;
    border-bottom: 1px solid #636363;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    ul.ordering-menu > li.dropdown-menu-item-focus {
      background: rgba(255, 255, 255, 0.2); }
    ul.ordering-menu > li .order {
      float: right;
      width: 52px;
      height: 29px;
      line-height: 29px;
      vertical-align: middle;
      direction: ltr; }
      ul.ordering-menu > li .order .down,
      ul.ordering-menu > li .order .up {
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 25px;
        margin-left: 6px;
        border-radius: 18px;
        background-repeat: no-repeat;
        background-position: center center; }
        html.with-hovers ul.ordering-menu > li .order .down:hover, html.with-hovers
        ul.ordering-menu > li .order .up:hover {
          background-color: rgba(255, 255, 255, 0.3); }
      ul.ordering-menu > li .order .down {
        background-image: url("../images/icons/down_arrow.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          ul.ordering-menu > li .order .down {
            background-size: 15px 10px;
            background-image: url("../images/icons/down_arrow@2x.png"); } }
      ul.ordering-menu > li .order .up {
        background-image: url("../images/icons/up_arrow.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          ul.ordering-menu > li .order .up {
            background-size: 15px 10px;
            background-image: url("../images/icons/up_arrow@2x.png"); } }
    ul.ordering-menu > li .order-drag {
      position: absolute;
      right: 25px;
      top: 5px;
      width: 23px;
      height: 27px;
      line-height: 27px;
      vertical-align: middle;
      direction: ltr; }
      ul.ordering-menu > li .order-drag .handle {
        width: 23px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
        line-height: 0;
        white-space: normal;
        cursor: move; }
        ul.ordering-menu > li .order-drag .handle:before {
          content: "";
          width: 23px;
          display: inline-block;
          vertical-align: top;
          font-size: 0;
          border-top: 1px solid #ddd;
          height: 5px;
          border-bottom: 1px solid #ddd; }
        ul.ordering-menu > li .order-drag .handle:after {
          content: "";
          width: 23px;
          display: inline-block;
          vertical-align: top;
          font-size: 0;
          height: 5px;
          border-bottom: 1px solid #ddd; }
    ul.ordering-menu > li .checkbox {
      display: inline-block;
      vertical-align: middle;
      width: 11px;
      height: 11px;
      overflow: hidden;
      margin-right: 36px;
      /* unchecked style */
      background: #fff;
      border: 1px solid #4F6778; }
    html.with-hovers ul.ordering-menu > li:hover .checkbox {
      /* unchecked hover style */
      background: #eee; }
    ul.ordering-menu > li:active .checkbox,
    ul.ordering-menu > li.active .checkbox,
    html.with-hovers ul.ordering-menu > li:hover:active .checkbox,
    html.with-hovers ul.ordering-menu > li:hover.active .checkbox {
      /* unchecked active style */
      background: #ddd; }
    ul.ordering-menu > li.dropdown-menu-item-checked .checkbox {
      /* checked style */
      background: #477ca2; }
    html.with-hovers ul.ordering-menu > li.dropdown-menu-item-checked:hover .checkbox {
      /* checked hover style */
      background: #44779c; }
    ul.ordering-menu > li.dropdown-menu-item-checked:active .checkbox,
    ul.ordering-menu > li.dropdown-menu-item-checked.active .checkbox,
    html.with-hovers ul.ordering-menu > li.dropdown-menu-item-checked:hover:active .checkbox,
    html.with-hovers ul.ordering-menu > li.dropdown-menu-item-checked:hover.active .checkbox {
      /* checked active style */
      background: #417295; }
  ul.ordering-menu .arrow-sort {
    float: right;
    width: 40px;
    height: 29px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center; }
    ul.ordering-menu .arrow-sort.asc {
      background-image: url("../images/icons/sort_arrow_up.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        ul.ordering-menu .arrow-sort.asc {
          background-image: url("../images/icons/sort_arrow_up@2x.png");
          background-size: 26px 18px; } }
    ul.ordering-menu .arrow-sort.desc {
      background-image: url("../images/icons/sort_arrow.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        ul.ordering-menu .arrow-sort.desc {
          background-image: url("../images/icons/sort_arrow@2x.png");
          background-size: 26px 18px; } }

.exchange-rate-widget {
  position: relative;
  float: left;
  width: 272px;
  height: 168px;
  border: 1px solid #334953;
  border-radius: 8px;
  margin: 0 36px 42px 0; }
  .exchange-rate-widget .title {
    font-size: 20px;
    text-align: center;
    margin: 10px 0 10px; }
  .exchange-rate-widget > .sell {
    float: left; }
  .exchange-rate-widget > .buy {
    position: relative;
    float: right; }
    .exchange-rate-widget > .buy:after {
      content: "";
      display: block;
      position: absolute;
      left: -1px;
      top: 4px;
      width: 1px;
      height: 52px;
      background: #556C72; }
  .exchange-rate-widget > .buy, .exchange-rate-widget > .sell {
    width: 50%;
    text-align: center; }
    .exchange-rate-widget > .buy .title, .exchange-rate-widget > .sell .title {
      height: 25px;
      margin: 0; }
  .exchange-rate-widget .price {
    color: #fff;
    height: 32px;
    margin: 0 0 16px;
    font-size: 23px;
    line-height: 32px; }
    .exchange-rate-widget .price b {
      font-size: 30px;
      font-weight: bold; }
    .exchange-rate-widget .price.positive {
      color: #00AC4D; }
    .exchange-rate-widget .price.negative {
      color: #FF2424; }
  .exchange-rate-widget .action-row {
    padding: 8px 14px; }
  .exchange-rate-widget .action {
    display: block;
    width: 76px;
    height: 30px;
    margin: 0 auto;
    background-color: #004254;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 3px;
    float: left;
    cursor: pointer; }
    html.with-hovers .exchange-rate-widget .action:hover {
      background-color: #005066; }
    .exchange-rate-widget .action:active, .exchange-rate-widget .action.active, html.with-hovers .exchange-rate-widget .action:hover:active, html.with-hovers .exchange-rate-widget .action:hover.active {
      background-color: #00566e; }
    .exchange-rate-widget .action.sell {
      background-image: url("../images/icons/icon_hands.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .exchange-rate-widget .action.sell {
          background-image: url("../images/icons/icon_hands@2x.png");
          background-size: 25px 18px; } }
      .exchange-rate-widget .action.sell:after {
        content: none; }
    .exchange-rate-widget .action.graph {
      background-image: url("../images/icons/icon_graph.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .exchange-rate-widget .action.graph {
          background-image: url("../images/icons/icon_graph@2x.png");
          background-size: 29px 20px; } }
    .exchange-rate-widget .action.alert {
      margin: 0 8px;
      background-image: url("../images/icons/icon_bell.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .exchange-rate-widget .action.alert {
          background-image: url("../images/icons/icon_bell@2x.png");
          background-size: 29px 20px; } }
    .exchange-rate-widget .action.left {
      margin-left: 8px; }
    .exchange-rate-widget .action.right {
      float: right;
      margin-right: 8px; }
    .exchange-rate-widget .action.middle {
      margin-left: 86px; }

.exchange-rate-page > h1 {
  float: left; }

.exchange-rate-page .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text; }

.exchange-rate-alert-view {
  float: left;
  width: 210px;
  padding: 0 30px 10px;
  margin: 0;
  background: black;
  list-style: none;
  border: 1px solid #6D7172;
  overflow-y: auto;
  overflow-x: hidden;
  outline: 0;
  text-align: center;
  z-index: 100; }
  .exchange-rate-alert-view:focus {
    box-shadow: none;
    outline: 0; }
  .exchange-rate-alert-view > .label {
    text-align: center;
    margin: 17px 0 6px;
    font-size: 14px; }
  .exchange-rate-alert-view .radio > .radio-label {
    font-size: 14px;
    margin-right: 5px; }
  .exchange-rate-alert-view input {
    width: 190px;
    height: 30px;
    margin: 13px auto 0 auto; }
  .exchange-rate-alert-view input[name=value] {
    margin: 6px auto 0 auto; }
  .exchange-rate-alert-view .save-button, .exchange-rate-alert-view .cancel-button {
    display: inline-block;
    padding: 7px 0;
    margin: 13px 2px 0;
    height: 31px;
    text-align: center;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px; }
  .exchange-rate-alert-view .save-button {
    width: 52%;
    background: #0076FA; }
    html.with-hovers .exchange-rate-alert-view .save-button:hover {
      background: #3293fa; }
    .exchange-rate-alert-view .save-button:active, .exchange-rate-alert-view .save-button.active,
    html.with-hovers .exchange-rate-alert-view .save-button:active, html.with-hovers .exchange-rate-alert-view .save-button.active {
      background: #64acfa; }
  .exchange-rate-alert-view .cancel-button {
    width: 34%;
    background: #6D7172; }
    html.with-hovers .exchange-rate-alert-view .cancel-button:hover {
      background: #858B8C; }
    .exchange-rate-alert-view .cancel-button:active, .exchange-rate-alert-view .cancel-button.active,
    html.with-hovers .exchange-rate-alert-view .cancel-button:active, html.with-hovers .exchange-rate-alert-view .cancel-button.active {
      background: #a1a7ad; }
  .exchange-rate-alert-view .error {
    margin: 6px auto 0 9px;
    color: #F50926;
    font-size: 12px;
    text-align: left; }

@media screen and (max-width: 767px) {
  .exchange-rate-widget {
    float: none;
    width: auto;
    margin: 0 -12px 0 -12px;
    /* compensate for pane padding */
    border: 0;
    border-top: 1px solid #334953;
    border-radius: 0;
    padding: 0 12px;
    box-sizing: border-box;
    height: 46px;
    /* Disable TAP highlight on Android */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    /* i.e. Nexus5/Chrome and Kindle Fire HD 7 */ }
    .exchange-rate-widget:nth-child(3n) {
      margin-right: -12px; }
    .exchange-rate-widget:last-child {
      border-bottom: 1px solid #334953; }
    .exchange-rate-widget > .title {
      font-size: 12px;
      float: left;
      width: 20%;
      line-height: 46px;
      margin: 0;
      text-align: left; }
    .exchange-rate-widget > .buy, .exchange-rate-widget > .sell {
      float: left;
      width: 22%;
      height: 46px;
      padding: 0 0 0 5%;
      text-align: left; }
      .exchange-rate-widget > .buy .title, .exchange-rate-widget > .sell .title {
        font-size: 12px;
        margin: 0;
        padding: 5px 0 0;
        height: 14px;
        text-align: left; }
    .exchange-rate-widget > .buy:after {
      top: 8px;
      height: 30px; }
    .exchange-rate-widget .price {
      height: 20px;
      margin: 0 0 2px;
      font-size: 15px;
      line-height: 20px; }
      .exchange-rate-widget .price b {
        font-size: 18px;
        font-weight: normal; }
    .exchange-rate-widget .action.sell {
      position: absolute;
      right: 30px;
      top: 12px;
      width: 30px;
      height: 27px;
      background-size: 16px 12px; } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .exchange-rate-widget .action.sell {
        background-size: 16px 12px; } }

@media screen and (max-width: 767px) {
    .exchange-rate-widget .action.graph {
      display: none; }
    .exchange-rate-widget .action.alert {
      position: absolute;
      right: 58px;
      top: 12px;
      width: 30px;
      height: 27px;
      background-size: 11px 14px; } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .exchange-rate-widget .action.alert {
        background-size: 11px 14px; } }

@media screen and (max-width: 767px) {
    .exchange-rate-widget:after {
      content: "";
      display: block;
      position: absolute;
      right: 12px;
      top: 14px;
      width: 10px;
      height: 15px;
      background: url("../images/icons/right_arrow.png") no-repeat 0 0; } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .exchange-rate-widget:after {
        background-size: 10px 15px;
        background-image: url("../images/icons/right_arrow@2x.png"); } }

@media screen and (max-width: 767px) {
    .exchange-rate-widget.active {
      background: rgba(255, 255, 255, 0.1); }
  .exchange-rate-page .page-content {
    padding: 12px; } }

.exchange-rate-calculator-page > section {
  padding: 18px 20px 18px 20px;
  background: #2e3536;
  border: 1px; }

.exchange-rate-calculator-page .currency-col {
  float: left;
  width: 208px;
  margin: 0 0 -13px 72px; }

.exchange-rate-calculator-page input[type=text],
.exchange-rate-calculator-page select {
  width: 208px;
  height: 27px;
  margin: 0 0 13px 0; }

.exchange-rate-calculator-page .action-button {
  float: right;
  margin: 15px 42px 0 0;
  width: 228px;
  font-size: 17px; }

@media screen and (max-width: 767px) {
  .exchange-rate-calculator-page .currency-col {
    float: none;
    width: auto;
    margin: 0; }
  .exchange-rate-calculator-page input[type=text],
  .exchange-rate-calculator-page select {
    display: block;
    width: 100%; }
  .exchange-rate-calculator-page .action-button {
    float: none;
    margin: 0;
    display: block;
    width: auto; } }

.exchange-rate-chart-title > h1 {
  float: left; }

.exchange-rate-chart-page {
  border: 1px solid #465e68;
  border-radius: 4px;
  padding: 30px 68px 28px; }
  .exchange-rate-chart-page .header-container {
    display: block; }
  .exchange-rate-chart-page .currency-pair-header {
    color: #9a9a9a;
    font-size: 21px;
    text-align: center;
    padding: 0 88px 0 0; }
  .exchange-rate-chart-page .exchange-rate-chart-container {
    margin: 40px 0 0 0; }
    .exchange-rate-chart-page .exchange-rate-chart-container img {
      display: block; }
  .exchange-rate-chart-page nav {
    margin: 22px 0 0 0; }
  .exchange-rate-chart-page .nav-button {
    display: block;
    height: 34px;
    width: 124px;
    font-size: 16px;
    padding: 5px 0 7px;
    float: left;
    margin: 12px 0 0 12px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .exchange-rate-chart-page .nav-button:nth-child(6n+1) {
      margin: 12px 0 0 0; }

@media screen and (max-width: 767px) {
  .exchange-rate-chart-page {
    padding: 12px; }
    .exchange-rate-chart-page .currency-pair-header {
      padding: 0; }
    .exchange-rate-chart-page .exchange-rate-chart-container {
      margin: 12px 0 0 0; }
    .exchange-rate-chart-page nav {
      margin: 12px 0 0 0; }
    .exchange-rate-chart-page .nav-button {
      width: 14.6%;
      margin: 0 1% 0 1%;
      border: 0; }
      .exchange-rate-chart-page .nav-button:nth-child(6n+1) {
        margin: 0 1% 0 1%; } }

.dashboard-gauge-widget {
  float: left;
  width: 394px;
  height: 173px;
  margin: 42px 44px 0 44px;
  padding: 0 0 0 28px;
  background: #1D282A;
  cursor: default; }
  .dashboard-gauge-widget.cursor-click {
    cursor: pointer; }
  .dashboard-gauge-widget .gauge {
    float: left;
    width: 217px;
    height: 116px;
    margin-top: 16px; }
  .dashboard-gauge-widget .info {
    float: right;
    width: 147px;
    margin-top: 24px;
    margin-right: 10px; }
  .dashboard-gauge-widget .title {
    font-size: 16px;
    margin-bottom: 5px; }
  .dashboard-gauge-widget .subtitle {
    font-size: 16px;
    margin-bottom: 18px;
    color: #0098C6; }
  .dashboard-gauge-widget .value-line {
    font-size: 14px; }
    .dashboard-gauge-widget .value-line .label {
      margin-right: 5px; }
  .dashboard-gauge-widget .main-value {
    float: left;
    width: 217px;
    font-size: 24px;
    text-align: center;
    font-weight: bold; }

.dashboard-page > section > h1 {
  float: left; }

.dashboard-page .actions {
  float: right;
  margin-top: 18px; }
  .dashboard-page .actions .action {
    float: left;
    padding: 7px 16px 7px;
    height: 20px;
    border: 1px solid #36464A;
    border-radius: 3px;
    color: #71919A;
    text-decoration: none;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    margin-left: 18px;
    cursor: pointer; }
    .dashboard-page .actions .action:after {
      content: ">";
      display: inline-block;
      margin-left: 5px;
      font-family: serif; }
    html.with-hovers .dashboard-page .actions .action:hover {
      color: #9bc8d1; }
    .dashboard-page .actions .action:active, .dashboard-page .actions .action.active,
    html.with-hovers .dashboard-page .actions .action:hover:active, html.with-hovers .dashboard-page .actions .action:hover.active {
      color: #fff; }

.dashboard-page .page-settings {
  float: left;
  padding: 7px 10px 7px;
  margin: 22px 0 0; }
  .dashboard-page .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .dashboard-page .page-settings select,
  .dashboard-page .page-settings .dropdown-box {
    width: 208px;
    margin-left: 10px; }

.dashboard-page .page-content {
  padding: 16px 30px 42px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text; }

@media screen and (max-width: 767px) {
  .dashboard-page .page-content {
    padding: 12px; }
  .dashboard-page .actions {
    float: left;
    margin: 18px 0; }
    .dashboard-page .actions .action {
      float: left;
      margin-left: 10px;
      width: 174px; }
  .dashboard-page .page-settings .dropdown-box {
    margin-left: 0; }
  .dashboard-gauge-widget {
    float: none;
    width: auto;
    height: auto;
    margin: 12px 12px 0 12px;
    padding: 12px 20px; }
    .dashboard-gauge-widget:nth-child(2n) {
      margin-right: 12px; }
    .dashboard-gauge-widget .gauge {
      float: none;
      margin: 12px auto; }
    .dashboard-gauge-widget .info {
      float: none;
      width: auto;
      margin: 6px auto 0; }
    .dashboard-gauge-widget .main-value {
      float: none;
      margin: 0 auto; } }

.indications-page > section > h1 {
  float: left; }

.indications-page .page-settings {
  padding: 12px 30px 12px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px; }
  .indications-page .page-settings span.label {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 12px 0 0; }
  .indications-page .page-settings select,
  .indications-page .page-settings .dropdown-box {
    width: 208px; }

.indications-page .page-content {
  padding: 16px 30px;
  font-size: 14px;
  margin-top: 15px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text; }

.indications-page table.standard-scrollable {
  margin: 27px 0 0; }
  .indications-page table.standard-scrollable > tbody > tr > td:first-child {
    background: #161D23; }
  .indications-page table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
    background: #0B151A; }

.indications-page-settings-view {
  float: left;
  width: 202px;
  padding: 12px 30px 24px;
  margin: 0;
  background: rgba(0, 0, 0, 0.85);
  list-style: none;
  border: 1px solid #6D7172;
  overflow-y: auto;
  overflow-x: hidden;
  outline: 0;
  text-align: center;
  z-index: 100; }
  .indications-page-settings-view:focus {
    box-shadow: none;
    outline: 0; }
  .indications-page-settings-view > .label {
    text-align: center;
    margin: 20px 0 20px; }
  .indications-page-settings-view span.radio {
    margin: 0 12px; }
  .indications-page-settings-view select {
    width: 100%; }
  .indications-page-settings-view .save-button {
    display: block;
    margin: 24px auto 0 auto;
    width: 100px;
    height: 30px;
    padding: 4px 0 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #0076FA;
    border-radius: 2px; }
    html.with-hovers .indications-page-settings-view .save-button:hover {
      background: #3293fa; }
    .indications-page-settings-view .save-button:active, .indications-page-settings-view .save-button.active,
    html.with-hovers .indications-page-settings-view .save-button:active, html.with-hovers .indications-page-settings-view .save-button.active {
      background: #64acfa; }

@media screen and (max-width: 767px) {
  .indications-page .page-content {
    padding: 12px; }
  .indications-page .page-settings {
    padding: 6px 12px 7px; }
    .indications-page .page-settings span.label {
      display: block;
      vertical-align: middle;
      margin: 0 12px 0 0; }
    .indications-page .page-settings select,
    .indications-page .page-settings .dropdown-box {
      display: block;
      width: 100%; }
  .indications-page table.standard-scrollable {
    margin: 12px 0 0;
    display: block !important;
    width: auto; }
    .indications-page table.standard-scrollable > thead {
      display: none; }
    .indications-page table.standard-scrollable > tbody {
      display: block;
      height: auto;
      overflow: visible; }
      .indications-page table.standard-scrollable > tbody > tr,
      .indications-page table.standard-scrollable > tbody > tr:nth-child(even) {
        position: relative;
        display: block;
        width: auto;
        padding: 6px 12px 6px 12px; }
        .indications-page table.standard-scrollable > tbody > tr > td,
        .indications-page table.standard-scrollable > tbody > tr:nth-child(even) > td {
          display: block;
          width: auto;
          border-right: 0;
          padding: 0;
          text-align: left; }
          .indications-page table.standard-scrollable > tbody > tr > td:first-child,
          .indications-page table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 20%;
            text-align: left;
            padding: 6px 0 0 12px;
            box-sizing: border-box;
            background: none; }
          .indications-page table.standard-scrollable > tbody > tr > td > span.header,
          .indications-page table.standard-scrollable > tbody > tr:nth-child(even) > td > span.header {
            float: left;
            width: 60%;
            box-sizing: border-box;
            margin-left: 20%;
            font-size: 12px;
            padding-right: 12px; }
          .indications-page table.standard-scrollable > tbody > tr > td > span.value,
          .indications-page table.standard-scrollable > tbody > tr:nth-child(even) > td > span.value {
            float: left;
            width: 20%;
            box-sizing: border-box;
            font-size: 12px; }
          .indications-page table.standard-scrollable > tbody > tr > td:after,
          .indications-page table.standard-scrollable > tbody > tr:nth-child(even) > td:after {
            content: "";
            clear: both;
            display: block; }
        .indications-page table.standard-scrollable > tbody > tr:last-child,
        .indications-page table.standard-scrollable > tbody > tr:nth-child(even):last-child {
          border-bottom: 0; } }

.indication-pricer input[type=number]::-webkit-inner-spin-button,
.indication-pricer input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.indication-pricer > h1 {
  float: left; }

.indication-pricer .page-settings {
  padding-top: 20px;
  margin: 22px 0 40px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0;
  overflow: hidden; }

.indication-pricer .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
  margin: 17px 0 17px; }

.indication-pricer hr {
  background: #717777;
  margin: 12px 0; }

.indication-pricer table.report-fields .strike td:first-child {
  background: url("../images/icons/icon_indication_calculator.png") no-repeat 0 center; }

.indication-pricer table.report-fields td {
  padding: 12px 0 12px 39px;
  width: 122px; }
  .indication-pricer table.report-fields td.last {
    padding: 0px 0 0px 10px; }

.indication-pricer table.report-fields label.instruction {
  color: #afafaf; }

.indication-pricer table.report-fields input:not([type]),
.indication-pricer table.report-fields input[type=text],
.indication-pricer table.report-fields input[type=number],
.indication-pricer table.report-fields select {
  width: 151px; }

.indication-pricer table.report-fields select[name=instrument],
.indication-pricer table.report-fields select[name=date_conversion],
.indication-pricer table.report-fields select[name=occurrence_by],
.indication-pricer table.report-fields select[name=position],
.indication-pricer table.report-fields select[name=currency],
.indication-pricer table.report-fields span.dropdown-box {
  width: 151px; }

.indication-pricer .calculated-field {
  background-color: #59c7f5; }

.indication-pricer .entry-field {
  background-color: #ffffff; }

.indication-pricer .result-table {
  overflow-x: scroll; }

.indication-pricer th {
  min-width: 165px; }

.indication-pricer .th-text {
  display: inline-block;
  float: left;
  /*width: calc(100% - 47px);*/
  text-align: left;
  padding: 10px 0 0 10px; }

.indication-pricer .transaction {
  background: transparent url("../images/icons/tab5_pressed@2x.png") no-repeat 0 center;
  float: left;
  display: block;
  width: 52px;
  height: 37px;
  margin: 0px 0px 0px 10px; }
  .indication-pricer .transaction:hover {
    background: transparent url("../images/icons/tab5@2x.png") no-repeat 0 center; }

.indication-pricer .pin {
  background: transparent url("../images/icons/icon_pin.png") no-repeat 0 center;
  float: left;
  display: block;
  width: 37px;
  height: 37px;
  margin: 0px 0px 0px 10px; }
  .indication-pricer .pin:hover {
    background: transparent url("../images/icons/icon_pin_over.png") no-repeat 0 center; }

.indication-pricer .recalc {
  background: transparent url("../images/icons/tab6-3_pressed@2x.png") no-repeat 0 center;
  float: left;
  display: block;
  width: 37px;
  height: 37px; }
  .indication-pricer .recalc:hover {
    background: transparent url("../images/icons/tab6-3@2x.png") no-repeat 0 center; }

.indication-pricer .unpin {
  background: transparent url("../images/icons/icon_unpin.png") no-repeat 0 center;
  float: left;
  display: block;
  width: 37px;
  height: 37px;
  margin: 0px 0px 0px 10px; }
  .indication-pricer .unpin:hover {
    background: transparent url("../images/icons/icon_unpin_over.png") no-repeat 0 center; }

.indication-pricer .actions {
  margin: 24px 44px 24px 0; }
  .indication-pricer .actions .action-button-green, .indication-pricer .actions .login-page .action-button-transp, .login-page .indication-pricer .actions .action-button-transp, .indication-pricer .actions .exchange-rate-calculator-page .action-button, .exchange-rate-calculator-page .indication-pricer .actions .action-button {
    float: right;
    margin-right: 8px; }

@media screen and (max-width: 767px) {
  .indication-pricer .page-actions .action {
    border: 0px solid #465e68; }
  .indication-pricer .transaction {
    background: transparent url("../images/icons/tab5_pressed.png") no-repeat 0 center;
    float: left;
    display: block;
    width: 30px;
    height: 37px; }
    .indication-pricer .transaction:hover {
      background: transparent url("../images/icons/tab5.png") no-repeat 0 center; }
  .indication-pricer .pin {
    background: transparent url("../images/icons/icon_v_pressed.png") no-repeat 0 center;
    float: left;
    display: block;
    width: 20px;
    height: 37px;
    margin: 0px 0px 0px 10px; }
    .indication-pricer .pin:hover {
      background: transparent url("../images/icons/icon_v.png") no-repeat 0 center; }
  .indication-pricer .recalc {
    background: transparent url("../images/icons/tab6-3_pressed.png") no-repeat 0 center;
    float: left;
    display: block;
    width: 20px;
    height: 37px;
    margin: 0px 0px 0px 10px; }
    .indication-pricer .recalc:hover {
      background: transparent url("../images/icons/tab6-3.png") no-repeat 0 center; }
  .indication-pricer .unpin {
    background: transparent url("../images/icons/icon_x_pressed.png") no-repeat 0 center;
    float: left;
    display: block;
    width: 20px;
    height: 37px;
    margin: 0px 0px 0px 10px; }
    .indication-pricer .unpin:hover {
      background: transparent url("../images/icons/icon_x.png") no-repeat 0 center; }
  .indication-pricer .page-settings {
    margin: 22px 0 10px;
    padding: 6px 12px 7px; }
  .indication-pricer table.report-fields .strike td:first-child {
    background: none; }
  .indication-pricer table.report-fields .strike td:last-child {
    width: 20px;
    padding-left: 12px; }
  .indication-pricer table.report-fields td {
    display: inline-block;
    width: 40%;
    padding: 12px 0; }
    .indication-pricer table.report-fields td.last {
      padding: 0px 0px 0px 30px;
      width: 20px; }
    .indication-pricer table.report-fields td:first-child.instruction {
      width: 100%; }
  .indication-pricer table.report-fields input:not([type]),
  .indication-pricer table.report-fields input[type=text],
  .indication-pricer table.report-fields input[type=number],
  .indication-pricer table.report-fields input[type=spot],
  .indication-pricer table.report-fields select,
  .indication-pricer table.report-fields select[name=instrument],
  .indication-pricer table.report-fields select[name=position],
  .indication-pricer table.report-fields select[name=date_conversion],
  .indication-pricer table.report-fields select[name=occurrence_by],
  .indication-pricer table.report-fields select[name=currency],
  .indication-pricer table.report-fields span.dropdown-box {
    width: 143px; }
  .indication-pricer table.report-fields input:not([type]),
  .indication-pricer table.report-fields input[type=text],
  .indication-pricer table.report-fields input[type=number] {
    height: 27px; }
  .indication-pricer table.report-fields select[data-section=strike] {
    width: 107px; }
  .indication-pricer .actions {
    margin: 24px; }
    .indication-pricer .actions .action-button-green, .indication-pricer .actions .login-page .action-button-transp, .login-page .indication-pricer .actions .action-button-transp, .indication-pricer .actions .exchange-rate-calculator-page .action-button, .exchange-rate-calculator-page .indication-pricer .actions .action-button {
      width: 100%;
      margin-right: 0; }
  .indication-pricer .result-table {
    overflow-x: hidden; }
  .indication-pricer .page-content {
    padding: 12px; }
  .indication-pricer table.standard-scrollable {
    margin: 12px 0 0;
    display: block !important;
    width: auto; }
    .indication-pricer table.standard-scrollable > thead {
      display: none; }
    .indication-pricer table.standard-scrollable > tbody {
      display: block;
      height: auto;
      overflow: visible; }
      .indication-pricer table.standard-scrollable > tbody > tr,
      .indication-pricer table.standard-scrollable > tbody > tr:nth-child(even) {
        position: relative;
        display: block;
        width: auto;
        padding: 6px 12px 6px 12px; }
        .indication-pricer table.standard-scrollable > tbody > tr > td,
        .indication-pricer table.standard-scrollable > tbody > tr:nth-child(even) > td {
          display: block;
          width: auto;
          border-right: 0;
          padding: 0;
          text-align: left; }
          .indication-pricer table.standard-scrollable > tbody > tr > td:first-child,
          .indication-pricer table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 20%;
            text-align: left;
            padding: 6px 0 0 12px;
            box-sizing: border-box;
            background: none; }
            .indication-pricer table.standard-scrollable > tbody > tr > td:first-child.action-child,
            .indication-pricer table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child.action-child {
              width: 5%; }
          .indication-pricer table.standard-scrollable > tbody > tr > td > span.header,
          .indication-pricer table.standard-scrollable > tbody > tr:nth-child(even) > td > span.header {
            float: left;
            width: 63%;
            box-sizing: border-box;
            margin-left: 17%;
            font-size: 12px;
            padding-right: 12px; }
            .indication-pricer table.standard-scrollable > tbody > tr > td > span.header.action-child,
            .indication-pricer table.standard-scrollable > tbody > tr:nth-child(even) > td > span.header.action-child {
              margin-left: 0%;
              padding: 11px 0 0px 0px; }
          .indication-pricer table.standard-scrollable > tbody > tr > td > span.value,
          .indication-pricer table.standard-scrollable > tbody > tr:nth-child(even) > td > span.value {
            float: left;
            width: 20%;
            box-sizing: border-box;
            font-size: 12px; }
          .indication-pricer table.standard-scrollable > tbody > tr > td:after,
          .indication-pricer table.standard-scrollable > tbody > tr:nth-child(even) > td:after {
            content: "";
            clear: both;
            display: block; }
        .indication-pricer table.standard-scrollable > tbody > tr:last-child,
        .indication-pricer table.standard-scrollable > tbody > tr:nth-child(even):last-child {
          border-bottom: 0; } }

.hedging-status-page > h1 {
  float: left; }

.hedging-status-page .page-settings > div {
  padding: 20px 30px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px; }
  .hedging-status-page .page-settings > div span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
    .hedging-status-page .page-settings > div span.label.to {
      margin: 0 22px; }
  .hedging-status-page .page-settings > div input:not([type]), .hedging-status-page .page-settings > div input[type=text], .hedging-status-page .page-settings > div input[type=number], .hedging-status-page .page-settings > div select, .hedging-status-page .page-settings > div span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
  .hedging-status-page .page-settings > div .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    margin: 0 0 -10px -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
  .hedging-status-page .page-settings > div select.month {
    width: 66px; }
  .hedging-status-page .page-settings > div select.year {
    width: 82px;
    margin: 0 0 0 16px; }
  .hedging-status-page .page-settings > div table {
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .hedging-status-page .page-settings > div table tbody {
      display: table-cell;
      vertical-align: top;
      padding-left: 10px;
      padding-right: 30px; }
    .hedging-status-page .page-settings > div table td, .hedging-status-page .page-settings > div table th {
      padding: 8px 0 0 0;
      line-height: 38px; }
    .hedging-status-page .page-settings > div table tr:first-child td, .hedging-status-page .page-settings > div table tr:first-child th {
      padding-top: 0; }
  .hedging-status-page .page-settings > div > div {
    margin: 12px 0 0 167px; }

.hedging-status-page table.horisontal-tbl > tbody > tr td.summary {
  color: #0099c3; }

.hedging-status-page table.standard-scrollable {
  margin: 27px 0 0; }
  .hedging-status-page table.standard-scrollable > tbody > tr > td:first-child {
    background: #161D23; }
  .hedging-status-page table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
    background: #0B151A; }
  .hedging-status-page table.standard-scrollable > tbody > tr a {
    color: #2ab7af;
    text-decoration: none; }
  .hedging-status-page table.standard-scrollable .warning {
    color: #FF2232; }

.hedging-status-page .hedging-table {
  overflow-x: scroll; }

@media screen and (max-width: 767px) {
  .hedging-status-page .page-settings > div {
    padding: 6px 12px 7px; }
    .hedging-status-page .page-settings > div input:not([type]), .hedging-status-page .page-settings > div input[type=text], .hedging-status-page .page-settings > div input[type=number], .hedging-status-page .page-settings > div select, .hedging-status-page .page-settings > div span.dropdown-box {
      width: 100%; }
    .hedging-status-page .page-settings > div span.label {
      display: block; }
      .hedging-status-page .page-settings > div span.label.to {
        margin: 0; }
    .hedging-status-page .page-settings > div select,
    .hedging-status-page .page-settings > div .dropdown-box {
      line-height: 23px; }
    .hedging-status-page .page-settings > div table {
      width: 100%; }
      .hedging-status-page .page-settings > div table tbody {
        display: table-row-group; }
      .hedging-status-page .page-settings > div table td {
        display: block;
        width: 100%;
        padding: 0;
        box-sizing: border-box; }
    .hedging-status-page .page-settings > div #custom_range_row {
      display: block;
      margin: 10px 0; }
    .hedging-status-page .page-settings > div #chart {
      display: none; }
  .hedging-status-page .live-rate .horizontal-exchange-rate .average-wrapper .average_exchange_rate {
    float: none; }
    .hedging-status-page .live-rate .horizontal-exchange-rate .average-wrapper .average_exchange_rate .item {
      padding: 0 3px; }
  .hedging-status-page table.standard-scrollable {
    margin: 12px 0 0;
    display: block !important;
    width: auto; }
    .hedging-status-page table.standard-scrollable > thead {
      display: none; }
    .hedging-status-page table.standard-scrollable > tbody {
      display: block;
      height: auto;
      overflow: visible; }
      .hedging-status-page table.standard-scrollable > tbody > tr,
      .hedging-status-page table.standard-scrollable > tbody > tr:nth-child(even) {
        position: relative;
        display: block;
        width: auto;
        padding: 6px 12px 6px 12px; }
        .hedging-status-page table.standard-scrollable > tbody > tr > td,
        .hedging-status-page table.standard-scrollable > tbody > tr:nth-child(even) > td {
          display: block;
          width: auto;
          border-right: 0;
          padding: 0;
          text-align: left; }
          .hedging-status-page table.standard-scrollable > tbody > tr > td:first-child,
          .hedging-status-page table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
            background: none; }
          .hedging-status-page table.standard-scrollable > tbody > tr > td > span.header,
          .hedging-status-page table.standard-scrollable > tbody > tr:nth-child(even) > td > span.header {
            float: left;
            width: 70%;
            box-sizing: border-box;
            font-size: 12px;
            padding-right: 12px;
            padding-left: 12px; }
          .hedging-status-page table.standard-scrollable > tbody > tr > td > span.value,
          .hedging-status-page table.standard-scrollable > tbody > tr:nth-child(even) > td > span.value {
            float: left;
            width: 30%;
            box-sizing: border-box;
            font-size: 12px; }
          .hedging-status-page table.standard-scrollable > tbody > tr > td:after,
          .hedging-status-page table.standard-scrollable > tbody > tr:nth-child(even) > td:after {
            content: "";
            clear: both;
            display: block; }
        .hedging-status-page table.standard-scrollable > tbody > tr:last-child,
        .hedging-status-page table.standard-scrollable > tbody > tr:nth-child(even):last-child {
          border-bottom: 0; } }

.hedging-summary-page > h1 {
  float: left; }

.hedging-summary-page .page-settings {
  padding: 20px 30px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px; }
  .hedging-summary-page .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .hedging-summary-page .page-settings input:not([type]), .hedging-summary-page .page-settings input[type=text], .hedging-summary-page .page-settings input[type=number], .hedging-summary-page .page-settings select, .hedging-summary-page .page-settings span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
  .hedging-summary-page .page-settings table {
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .hedging-summary-page .page-settings table tbody {
      display: table-cell;
      vertical-align: top;
      padding-left: 10px;
      padding-right: 30px; }
    .hedging-summary-page .page-settings table td, .hedging-summary-page .page-settings table th {
      padding: 8px 0 0 0;
      line-height: 38px; }
    .hedging-summary-page .page-settings table tr:first-child td, .hedging-summary-page .page-settings table tr:first-child th {
      padding-top: 0; }
  .hedging-summary-page .page-settings > div {
    margin: 12px 0 0 167px; }

.hedging-summary-page table.standard-scrollable {
  margin: 27px 0 0; }
  .hedging-summary-page table.standard-scrollable > tbody > tr > td:first-child {
    background: #161D23; }
  .hedging-summary-page table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
    background: #0B151A; }
  .hedging-summary-page table.standard-scrollable > tbody > tr a {
    color: #2ab7af;
    text-decoration: none; }
  .hedging-summary-page table.standard-scrollable .warning {
    color: #FF2232; }

.hedging-summary-page .hedging-table {
  overflow-x: scroll; }

@media screen and (max-width: 767px) {
  .hedging-summary-page .page-settings {
    padding: 6px 12px 7px; }
    .hedging-summary-page .page-settings input:not([type]), .hedging-summary-page .page-settings input[type=text], .hedging-summary-page .page-settings input[type=number], .hedging-summary-page .page-settings select, .hedging-summary-page .page-settings span.dropdown-box {
      width: 100%; }
    .hedging-summary-page .page-settings span.label {
      display: block; }
    .hedging-summary-page .page-settings select,
    .hedging-summary-page .page-settings .dropdown-box {
      line-height: 23px; }
    .hedging-summary-page .page-settings table {
      width: 100%; }
      .hedging-summary-page .page-settings table tbody {
        display: table-row-group; }
      .hedging-summary-page .page-settings table td {
        display: block;
        width: 100%;
        padding: 0;
        box-sizing: border-box; }
  .hedging-summary-page table.standard-scrollable {
    margin: 12px 0 0;
    display: block !important;
    width: auto; }
    .hedging-summary-page table.standard-scrollable > thead {
      display: none; }
    .hedging-summary-page table.standard-scrollable > tbody {
      display: block;
      height: auto;
      overflow: visible; }
      .hedging-summary-page table.standard-scrollable > tbody > tr,
      .hedging-summary-page table.standard-scrollable > tbody > tr:nth-child(even) {
        position: relative;
        display: block;
        width: auto;
        padding: 6px 12px 6px 12px; }
        .hedging-summary-page table.standard-scrollable > tbody > tr > td,
        .hedging-summary-page table.standard-scrollable > tbody > tr:nth-child(even) > td {
          display: block;
          width: auto;
          border-right: 0;
          padding: 0;
          text-align: left; }
          .hedging-summary-page table.standard-scrollable > tbody > tr > td:first-child,
          .hedging-summary-page table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
            background: none; }
          .hedging-summary-page table.standard-scrollable > tbody > tr > td > span.header,
          .hedging-summary-page table.standard-scrollable > tbody > tr:nth-child(even) > td > span.header {
            float: left;
            width: 70%;
            box-sizing: border-box;
            font-size: 12px;
            padding-right: 12px;
            padding-left: 12px; }
          .hedging-summary-page table.standard-scrollable > tbody > tr > td > span.value,
          .hedging-summary-page table.standard-scrollable > tbody > tr:nth-child(even) > td > span.value {
            float: left;
            width: 30%;
            box-sizing: border-box;
            font-size: 12px; }
          .hedging-summary-page table.standard-scrollable > tbody > tr > td:after,
          .hedging-summary-page table.standard-scrollable > tbody > tr:nth-child(even) > td:after {
            content: "";
            clear: both;
            display: block; }
        .hedging-summary-page table.standard-scrollable > tbody > tr:last-child,
        .hedging-summary-page table.standard-scrollable > tbody > tr:nth-child(even):last-child {
          border-bottom: 0; } }

.simulator-page > h1 {
  float: left; }

.simulator-page .page-settings > div {
  padding: 20px 30px;
  margin: 22px 0 30px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px; }
  .simulator-page .page-settings > div span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
    .simulator-page .page-settings > div span.label.to {
      margin: 0 22px; }
  .simulator-page .page-settings > div input:not([type]), .simulator-page .page-settings > div input[type=text], .simulator-page .page-settings > div input[type=number], .simulator-page .page-settings > div select, .simulator-page .page-settings > div span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
  .simulator-page .page-settings > div .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    margin: 0 0 -10px -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
  .simulator-page .page-settings > div select.month {
    width: 66px; }
  .simulator-page .page-settings > div select.year {
    width: 82px;
    margin: 0 0 0 16px; }
  .simulator-page .page-settings > div table {
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .simulator-page .page-settings > div table tbody {
      display: table-cell;
      vertical-align: top;
      padding-left: 10px;
      padding-right: 30px; }
    .simulator-page .page-settings > div table td, .simulator-page .page-settings > div table th {
      padding: 8px 0 0 0;
      line-height: 38px; }
    .simulator-page .page-settings > div table tr:first-child td, .simulator-page .page-settings > div table tr:first-child th {
      padding-top: 0; }
  .simulator-page .page-settings > div > div {
    margin: 12px 0 0 167px; }

.simulator-page table.standard-scrollable {
  margin: 27px 0 0; }
  .simulator-page table.standard-scrollable > tbody > tr > td:first-child {
    background: #161D23; }
  .simulator-page table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
    background: #0B151A; }
  .simulator-page table.standard-scrollable .warning {
    color: #FF2232; }

.simulator-page table.standard-scrollable {
  margin: 27px 0 0; }
  .simulator-page table.standard-scrollable > tbody > tr.simulated > td:nth-child(n+7) {
    background: #374951; }
  .simulator-page table.standard-scrollable > tbody > tr.simulated:nth-child(even) > td:nth-child(n+7) {
    background: #283a47; }
  .simulator-page table.standard-scrollable .warning {
    color: #FF2232; }

.simulator-page .hedging-table {
  overflow-x: scroll; }

.simulator-page .hedging-table.extended {
  overflow-x: scroll;
  width: 1225px; }

.simulator-page .icon-row {
  display: block;
  width: 138px;
  margin-top: 10px;
  margin-left: 21%;
  cursor: pointer; }

.simulator-page .simulator-info {
  background: transparent url("../images/icons/mark.png") no-repeat 0 center;
  float: left;
  display: block;
  width: 20px;
  height: 20px; }

.simulator-page .simulator-edit {
  background: transparent url("../images/icons/pencil.png") no-repeat 0 center;
  float: left;
  display: block;
  width: 20px;
  height: 20px; }

.simulator-page .simulator-trans {
  background: transparent url("../images/icons/hand.png") no-repeat 0 center;
  float: left;
  display: block;
  width: 20px;
  height: 20px; }

.simulator-page .simulator-delete {
  background: transparent url("../images/icons/garbage.png") no-repeat 0 center;
  float: left;
  display: block;
  width: 20px;
  height: 20px; }

.simulator-page section.average_exchange_rate {
  height: 50px;
  margin: 4px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
  text-align: center;
  display: table; }
  .simulator-page section.average_exchange_rate > div {
    vertical-align: middle;
    display: table-cell; }
  .simulator-page section.average_exchange_rate div.item-row {
    display: inline-block;
    padding: 6px 14px;
    border-right: 1px solid #556C72; }
    .simulator-page section.average_exchange_rate div.item-row:last-child {
      border-right: 0; }
    .simulator-page section.average_exchange_rate div.item-row .value {
      color: #1EAAD8;
      margin-left: 10px; }
    .simulator-page section.average_exchange_rate div.item-row .title {
      margin-left: 10px; }

.simulator-page section.query {
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
  margin: 30px 0 0; }
  .simulator-page section.query label.instrument-title {
    margin-left: 151px; }
  .simulator-page section.query div.item-row {
    display: table;
    padding: 12px 0 12px 39px; }
    .simulator-page section.query div.item-row.strike {
      background: url("../images/icons/icon_indication_calculator.png") no-repeat 0 center; }
  .simulator-page section.query span.query-button {
    float: left;
    width: 19px;
    padding: 4px 1px;
    margin-left: 10px;
    height: 34px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("../images/icons/button_plus.png");
    background-position: 2px center; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .simulator-page section.query span.query-button {
        background-image: url("../images/icons/button_plus@2x.png");
        background-size: 19px 19px; } }
    .simulator-page section.query span.query-button.extend {
      background-image: url("../images/icons/button_minus.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .simulator-page section.query span.query-button.extend {
          background-image: url("../images/icons/button_minus@2x.png");
          background-size: 19px 19px; } }
  .simulator-page section.query div.item-field {
    display: inline-block;
    margin-right: 26px; }
    .simulator-page section.query div.item-field label {
      margin-right: 26px; }
      .simulator-page section.query div.item-field label.instruction {
        color: #afafaf; }
      .simulator-page section.query div.item-field label.percent {
        margin-left: 20px; }
  .simulator-page section.query input:not([type]), .simulator-page section.query input[type=text], .simulator-page section.query input[type=number], .simulator-page section.query select {
    width: 117px;
    display: inline-block; }
  .simulator-page section.query select[name=instrument], .simulator-page section.query select[name=amount_type] {
    width: 170px; }
  .simulator-page section.query select[name=additional_hedge] {
    margin-right: 20px; }

.simulator-page .calculated-field {
  background-color: #59c7f5; }

.simulator-page .entry-field {
  background-color: #ffffff; }

.simulator-page .query-button-row {
  margin-top: 20px; }
  .simulator-page .query-button-row > .action-button-transparent, .simulator-page .exchange-rate-chart-page .query-button-row > .nav-button, .exchange-rate-chart-page .simulator-page .query-button-row > .nav-button {
    width: 170px;
    border-radius: 3px;
    border-color: #fff;
    color: #fff; }
  .simulator-page .query-button-row > .action-button-transparent.cancel, .simulator-page .exchange-rate-chart-page .query-button-row > .cancel.nav-button, .exchange-rate-chart-page .simulator-page .query-button-row > .cancel.nav-button {
    width: 170px;
    border-radius: 3px;
    border-color: #fff;
    color: #fff;
    margin-left: 409px; }
  .simulator-page .query-button-row > .action-button-green, .simulator-page .login-page .query-button-row > .action-button-transp, .login-page .simulator-page .query-button-row > .action-button-transp, .simulator-page .exchange-rate-calculator-page .query-button-row > .action-button, .exchange-rate-calculator-page .simulator-page .query-button-row > .action-button, .simulator-page .query-button-row .action-button-blue, .simulator-page .query-button-row .login-page .action-button, .login-page .simulator-page .query-button-row .action-button, .simulator-page .query-button-row .reset-page .action-button, .reset-page .simulator-page .query-button-row .action-button {
    width: 160px;
    float: right;
    margin-left: 30px; }

.transaction-request-page > h1 {
  float: left; }

.transaction-request-page .page-settings {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .transaction-request-page .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .transaction-request-page .page-settings div.label {
    margin: 10px 0; }
  .transaction-request-page .page-settings select:disabled,
  .transaction-request-page .page-settings input:disabled {
    background-color: #999999; }
  .transaction-request-page .page-settings select,
  .transaction-request-page .page-settings .dropdown-box {
    width: 208px; }
  .transaction-request-page .page-settings table {
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .transaction-request-page .page-settings table td,
    .transaction-request-page .page-settings table th {
      padding: 12px 12px 0 0; }
    .transaction-request-page .page-settings table tr:first-child td,
    .transaction-request-page .page-settings table tr:first-child th {
      padding-top: 0; }
  .transaction-request-page .page-settings.two-parted {
    padding: 0 30px 0 0; }
  .transaction-request-page .page-settings .labels-area {
    padding: 10px 0 10px 30px; }
    .transaction-request-page .page-settings .labels-area.main {
      float: left;
      width: 110px;
      background-color: rgba(25, 30, 33, 0.12);
      margin: 0 20px 0 0; }
  .transaction-request-page .page-settings .action-button-blue.centered, .transaction-request-page .page-settings .login-page .centered.action-button, .login-page .transaction-request-page .page-settings .centered.action-button, .transaction-request-page .page-settings .reset-page .centered.action-button, .reset-page .transaction-request-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 50%;
    margin: -22px 0 0; }
  .transaction-request-page .page-settings .action-button-green.centered, .transaction-request-page .page-settings .login-page .centered.action-button-transp, .login-page .transaction-request-page .page-settings .centered.action-button-transp, .transaction-request-page .page-settings .exchange-rate-calculator-page .centered.action-button, .exchange-rate-calculator-page .transaction-request-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 68%;
    margin: -22px 0 0; }

.transaction-request-page .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text; }

.transaction-request-page hr {
  background: #717777;
  margin: 12px 0; }

.transaction-request-page table.transaction-fields {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0; }
  .transaction-request-page table.transaction-fields td {
    width: 222px;
    padding: 12px 0 12px 24px; }
    .transaction-request-page table.transaction-fields td.smaller {
      width: 182px; }
    .transaction-request-page table.transaction-fields td:first-child {
      width: 120px; }
      .transaction-request-page table.transaction-fields td:first-child.smaller {
        width: 90px; }
  .transaction-request-page table.transaction-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .transaction-request-page table.transaction-fields input + label,
  .transaction-request-page table.transaction-fields select + label {
    padding-left: 12px; }
  .transaction-request-page table.transaction-fields input:not([type]),
  .transaction-request-page table.transaction-fields input[type=text],
  .transaction-request-page table.transaction-fields input[type=number],
  .transaction-request-page table.transaction-fields select,
  .transaction-request-page table.transaction-fields span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
    .transaction-request-page table.transaction-fields input:not([type]).hide,
    .transaction-request-page table.transaction-fields input[type=text].hide,
    .transaction-request-page table.transaction-fields input[type=number].hide,
    .transaction-request-page table.transaction-fields select.hide,
    .transaction-request-page table.transaction-fields span.dropdown-box.hide {
      display: none; }
  .transaction-request-page table.transaction-fields label.p25,
  .transaction-request-page table.transaction-fields input:not([type]).p25,
  .transaction-request-page table.transaction-fields input[type=text].p25,
  .transaction-request-page table.transaction-fields input[type=number].p25,
  .transaction-request-page table.transaction-fields select.p25,
  .transaction-request-page table.transaction-fields span.dropdown-box.p25 {
    width: 55px; }
  .transaction-request-page table.transaction-fields label.p50,
  .transaction-request-page table.transaction-fields input:not([type]).p50,
  .transaction-request-page table.transaction-fields input[type=text].p50,
  .transaction-request-page table.transaction-fields input[type=number].p50,
  .transaction-request-page table.transaction-fields select.p50,
  .transaction-request-page table.transaction-fields span.dropdown-box.p50 {
    width: 111px; }
  .transaction-request-page table.transaction-fields label.p75,
  .transaction-request-page table.transaction-fields input:not([type]).p75,
  .transaction-request-page table.transaction-fields input[type=text].p75,
  .transaction-request-page table.transaction-fields input[type=number].p75,
  .transaction-request-page table.transaction-fields select.p75,
  .transaction-request-page table.transaction-fields span.dropdown-box.p75 {
    width: 167px; }
  .transaction-request-page table.transaction-fields label.p100,
  .transaction-request-page table.transaction-fields input:not([type]).p100,
  .transaction-request-page table.transaction-fields input[type=text].p100,
  .transaction-request-page table.transaction-fields input[type=number].p100,
  .transaction-request-page table.transaction-fields select.p100,
  .transaction-request-page table.transaction-fields span.dropdown-box.p100 {
    width: 222px; }
  .transaction-request-page table.transaction-fields td.smaller input:not([type]),
  .transaction-request-page table.transaction-fields td.smaller input[type=text],
  .transaction-request-page table.transaction-fields td.smaller input[type=number],
  .transaction-request-page table.transaction-fields td.smaller select,
  .transaction-request-page table.transaction-fields td.smaller span.dropdown-box {
    width: 182px; }
  .transaction-request-page table.transaction-fields td:first-child.smaller input:not([type]),
  .transaction-request-page table.transaction-fields td:first-child.smaller input[type=text],
  .transaction-request-page table.transaction-fields td:first-child.smaller input[type=number],
  .transaction-request-page table.transaction-fields td:first-child.smaller select,
  .transaction-request-page table.transaction-fields td:first-child.smaller span.dropdown-box {
    width: 90px; }
  .transaction-request-page table.transaction-fields .dropdown-box > .dropdown-box-label {
    line-height: 23px; }
  .transaction-request-page table.transaction-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
    .transaction-request-page table.transaction-fields .date-trigger.hide {
      display: none; }

.transaction-request-page .actions {
  margin: 12px 24px 0; }
  .transaction-request-page .actions .action-button[data-name=save-action] {
    float: right; }

@media screen and (max-width: 767px) {
  .transaction-request-page .page-settings {
    padding: 6px 12px 7px; }
    .transaction-request-page .page-settings span.label {
      display: block;
      vertical-align: middle;
      margin: 0 12px 0 0; }
    .transaction-request-page .page-settings select:disabled,
    .transaction-request-page .page-settings input:disabled {
      background-color: #999999; }
    .transaction-request-page .page-settings select,
    .transaction-request-page .page-settings .dropdown-box {
      display: block;
      width: 100%; }
    .transaction-request-page .page-settings .action-button-blue.centered, .transaction-request-page .page-settings .login-page .centered.action-button, .login-page .transaction-request-page .page-settings .centered.action-button, .transaction-request-page .page-settings .reset-page .centered.action-button, .reset-page .transaction-request-page .page-settings .centered.action-button {
      display: block;
      width: auto;
      position: relative;
      margin: 12px;
      right: auto;
      clear: both; }
    .transaction-request-page .page-settings.two-parted {
      padding: 0; }
    .transaction-request-page .page-settings .labels-area {
      float: left;
      width: 50%;
      box-sizing: border-box;
      margin: 0; }
      .transaction-request-page .page-settings .labels-area.main {
        float: left;
        width: 50%;
        margin: 0; }
  .transaction-request-page table.transaction-fields {
    display: block; }
    .transaction-request-page table.transaction-fields tbody,
    .transaction-request-page table.transaction-fields tr,
    .transaction-request-page table.transaction-fields td,
    .transaction-request-page table.transaction-fields th {
      display: block; }
    .transaction-request-page table.transaction-fields td {
      width: auto;
      padding: 12px 6px 12px 6px; }
      .transaction-request-page table.transaction-fields td.smaller {
        width: auto; }
      .transaction-request-page table.transaction-fields td:first-child {
        width: auto; }
        .transaction-request-page table.transaction-fields td:first-child.smaller {
          width: auto; }
    .transaction-request-page table.transaction-fields input:not([type]),
    .transaction-request-page table.transaction-fields input[type=text],
    .transaction-request-page table.transaction-fields input[type=number],
    .transaction-request-page table.transaction-fields select,
    .transaction-request-page table.transaction-fields span.dropdown-box {
      width: 100%; }
    .transaction-request-page table.transaction-fields label.p25,
    .transaction-request-page table.transaction-fields input:not([type]).p25,
    .transaction-request-page table.transaction-fields input[type=text].p25,
    .transaction-request-page table.transaction-fields input[type=number].p25,
    .transaction-request-page table.transaction-fields select.p25,
    .transaction-request-page table.transaction-fields span.dropdown-box.p25 {
      width: 25%; }
    .transaction-request-page table.transaction-fields label.p50,
    .transaction-request-page table.transaction-fields input:not([type]).p50,
    .transaction-request-page table.transaction-fields input[type=text].p50,
    .transaction-request-page table.transaction-fields input[type=number].p50,
    .transaction-request-page table.transaction-fields select.p50,
    .transaction-request-page table.transaction-fields span.dropdown-box.p50 {
      width: 50%; }
    .transaction-request-page table.transaction-fields label.p75,
    .transaction-request-page table.transaction-fields input:not([type]).p75,
    .transaction-request-page table.transaction-fields input[type=text].p75,
    .transaction-request-page table.transaction-fields input[type=number].p75,
    .transaction-request-page table.transaction-fields select.p75,
    .transaction-request-page table.transaction-fields span.dropdown-box.p75 {
      width: 75%; }
    .transaction-request-page table.transaction-fields label.p100,
    .transaction-request-page table.transaction-fields input:not([type]).p100,
    .transaction-request-page table.transaction-fields input[type=text].p100,
    .transaction-request-page table.transaction-fields input[type=number].p100,
    .transaction-request-page table.transaction-fields select.p100,
    .transaction-request-page table.transaction-fields span.dropdown-box.p100 {
      width: 100%; }
    .transaction-request-page table.transaction-fields td.smaller input:not([type]),
    .transaction-request-page table.transaction-fields td.smaller input[type=text],
    .transaction-request-page table.transaction-fields td.smaller input[type=number],
    .transaction-request-page table.transaction-fields td.smaller select,
    .transaction-request-page table.transaction-fields td.smaller span.dropdown-box {
      width: 100%; }
    .transaction-request-page table.transaction-fields td:first-child.smaller input:not([type]),
    .transaction-request-page table.transaction-fields td:first-child.smaller input[type=text],
    .transaction-request-page table.transaction-fields td:first-child.smaller input[type=number],
    .transaction-request-page table.transaction-fields td:first-child.smaller select,
    .transaction-request-page table.transaction-fields td:first-child.smaller span.dropdown-box {
      width: 100%; }
  .transaction-request-page .actions {
    margin: 12px 0 0; }
    .transaction-request-page .actions .action-button[data-name=save-action] {
      float: none; } }

.transaction-request-summary-page > h1 {
  float: left; }

.transaction-request-summary-page .page-settings {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .transaction-request-summary-page .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .transaction-request-summary-page .page-settings div.label {
    margin: 10px 0; }
  .transaction-request-summary-page .page-settings select:disabled,
  .transaction-request-summary-page .page-settings input:disabled {
    background-color: #999999; }
  .transaction-request-summary-page .page-settings select,
  .transaction-request-summary-page .page-settings .dropdown-box {
    width: 208px; }
  .transaction-request-summary-page .page-settings table {
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .transaction-request-summary-page .page-settings table td,
    .transaction-request-summary-page .page-settings table th {
      padding: 12px 12px 0 0; }
    .transaction-request-summary-page .page-settings table tr:first-child td,
    .transaction-request-summary-page .page-settings table tr:first-child th {
      padding-top: 0; }
  .transaction-request-summary-page .page-settings.two-parted {
    padding: 0 30px 0 0; }
  .transaction-request-summary-page .page-settings .labels-area {
    padding: 10px 0 10px 30px; }
    .transaction-request-summary-page .page-settings .labels-area.main {
      float: left;
      width: 110px;
      background-color: rgba(25, 30, 33, 0.12);
      margin: 0 20px 0 0; }
  .transaction-request-summary-page .page-settings .action-button-blue.centered, .transaction-request-summary-page .page-settings .login-page .centered.action-button, .login-page .transaction-request-summary-page .page-settings .centered.action-button, .transaction-request-summary-page .page-settings .reset-page .centered.action-button, .reset-page .transaction-request-summary-page .page-settings .centered.action-button {
    position: absolute;
    left: 500px;
    top: 50%;
    margin: -22px 0 0; }
  .transaction-request-summary-page .page-settings .action-button-green.centered, .transaction-request-summary-page .page-settings .login-page .centered.action-button-transp, .login-page .transaction-request-summary-page .page-settings .centered.action-button-transp, .transaction-request-summary-page .page-settings .exchange-rate-calculator-page .centered.action-button, .exchange-rate-calculator-page .transaction-request-summary-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 68%;
    margin: -22px 0 0; }

.transaction-request-summary-page .accept {
  background: transparent url("../images/icons/icon_v_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }

.transaction-request-summary-page .accept-active {
  background: transparent url("../images/icons/icon_v_pressed@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }

.transaction-request-summary-page .reject {
  background: transparent url("../images/icons/icon_x_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }

.transaction-request-summary-page .change_icon {
  background: transparent url("../images/icons/tab6-3_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left;
  color: #aeaeae; }

.transaction-request-summary-page .duplicate {
  background: transparent url("../images/icons/tab5_gray@2x.png") no-repeat 0 center;
  width: 39px;
  height: 45px;
  float: left; }

.transaction-request-summary-page .reject-active {
  background: transparent url("../images/icons/icon_x_red@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }

.transaction-request-summary-page .reject-inline {
  background: transparent url("../images/icons/icon_x_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left;
  margin-top: -12px; }

.transaction-request-summary-page .reject-inline-active {
  background: transparent url("../images/icons/icon_x_red@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left;
  margin-top: -12px; }

.transaction-request-summary-page .expired {
  margin-top: 12px;
  color: red;
  float: left; }

.transaction-request-summary-page .info-area {
  width: 76%; }

.transaction-request-summary-page .action-area {
  width: 18%;
  float: right; }

.transaction-request-summary-page .confirm {
  margin: 0 0 15px 15px; }

.transaction-request-summary-page .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text; }
  .transaction-request-summary-page .page-content.m-top-20 {
    margin-top: 20px; }
  .transaction-request-summary-page .page-content.m-right-200 {
    margin-right: 200px; }

.transaction-request-summary-page hr {
  background: #717777;
  margin: 12px 0; }

.transaction-request-summary-page .actions {
  margin: 20px 0 0; }
  .transaction-request-summary-page .actions .action-button[data-name=save-action] {
    margin-bottom: 60px;
    float: right; }
  .transaction-request-summary-page .actions .change:before {
    content: "<";
    display: inline-block;
    font-family: serif;
    margin: 0 6px 0 0; }

.transaction-request-summary-page section.transaction-fields p {
  margin: 0; }

.transaction-request-summary-page section.transaction-fields .value {
  color: #D3D3A7; }

.transaction-request-summary-page .setting {
  display: inline-block; }
  .transaction-request-summary-page .setting.value {
    color: #1EAAD8;
    padding: 0 10px 0 10px; }

.transaction-request-summary-page table {
  margin-top: 20px; }

@media screen and (max-width: 767px) {
  .transaction-request-summary-page .page-content {
    padding: 16px; }
    .transaction-request-summary-page .page-content.m-top-20 {
      margin-top: 20px; }
    .transaction-request-summary-page .page-content.m-right-200 {
      margin-right: 200px; }
  .transaction-request-summary-page .actions {
    margin: 20px 0 0; }
    .transaction-request-summary-page .actions .action-button[data-name=save-action] {
      float: none;
      margin: 12px 0 0; }
  .transaction-request-summary-page section.transaction-fields {
    margin: 24px 0 0 0; }
    .transaction-request-summary-page section.transaction-fields .value {
      color: #D3D3A7; }
  .transaction-request-summary-page .setting {
    float: left; }
    .transaction-request-summary-page .setting.value + .key {
      clear: left; }
    .transaction-request-summary-page .setting.value {
      color: #1EAAD8;
      padding: 0 10px 0 10px; } }

.transaction-request-strip .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
  margin: 17px 0 17px; }

.transaction-request-strip h1.blue-header {
  color: #1EAAD8;
  font-size: 17px; }
  .transaction-request-strip h1.blue-header:before {
    content: ">";
    display: inline-block;
    margin: 8px 10px 0 14px; }

.transaction-request-strip hr {
  background: #717777;
  margin: 30px 0; }

.transaction-request-strip label {
  vertical-align: middle; }

.transaction-request-strip .strip-row {
  margin: 20px 0 10px; }

.transaction-request-strip .type-section {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 10px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .transaction-request-strip .type-section .strip-row {
    margin: 0; }
  .transaction-request-strip .type-section .strip-item {
    display: inline-block;
    width: 237px;
    margin-left: 20px; }
  .transaction-request-strip .type-section .strip-item-expdel {
    display: inline-block;
    width: 89px;
    margin-left: 20px; }

.transaction-request-strip .strip-section {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 6px 30px 20px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  margin: 20px 0 30px 0; }
  .transaction-request-strip .strip-section select,
  .transaction-request-strip .strip-section input {
    width: 150px;
    display: inline-block;
    box-sizing: border-box; }
    .transaction-request-strip .strip-section select:disabled,
    .transaction-request-strip .strip-section input:disabled {
      background-color: #999999; }
  .transaction-request-strip .strip-section input.strike {
    width: 120px;
    margin-left: 21px; }
  .transaction-request-strip .strip-section .deal-setting label {
    display: inline-block;
    box-sizing: border-box;
    width: 90px; }
  .transaction-request-strip .strip-section .deal-setting span.percent {
    margin-left: 10px; }
  .transaction-request-strip .strip-section .deal-setting .strip-item {
    display: inline-block;
    width: 246px;
    margin-left: 20px; }
    .transaction-request-strip .strip-section .deal-setting .strip-item.currency {
      width: 306px; }
      .transaction-request-strip .strip-section .deal-setting .strip-item.currency label {
        width: 150px; }
    .transaction-request-strip .strip-section .deal-setting .strip-item.strike {
      width: 390px;
      margin-right: 10px; }
    .transaction-request-strip .strip-section .deal-setting .strip-item.premium {
      width: 510px; }
      .transaction-request-strip .strip-section .deal-setting .strip-item.premium label {
        width: 330px; }
  .transaction-request-strip .strip-section .strip-setting label {
    display: inline-block;
    box-sizing: border-box;
    width: 200px; }
  .transaction-request-strip .strip-section .strip-setting .strip-item {
    display: inline-block;
    width: 360px;
    margin-left: 20px; }
    .transaction-request-strip .strip-section .strip-setting .strip-item.date {
      width: 286px; }
      .transaction-request-strip .strip-section .strip-setting .strip-item.date label {
        width: 130px; }

.transaction-request-strip .common-section {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 6px 30px 20px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.1);
  box-sizing: border-box; }
  .transaction-request-strip .common-section label {
    display: inline-block;
    box-sizing: border-box;
    width: 200px; }
  .transaction-request-strip .common-section select,
  .transaction-request-strip .common-section input,
  .transaction-request-strip .common-section span.dropdown-box {
    width: 150px;
    display: inline-block;
    box-sizing: border-box; }
  .transaction-request-strip .common-section .strip-item {
    display: inline-block;
    width: 360px;
    margin-left: 20px; }
    .transaction-request-strip .common-section .strip-item.limit {
      width: 350px;
      margin-right: 10px; }
      .transaction-request-strip .common-section .strip-item.limit label {
        width: 60px;
        margin-left: 10px; }
      .transaction-request-strip .common-section .strip-item.limit input {
        width: 120px; }

.transaction-request-strip .date-trigger {
  background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 -22px;
  width: 22px;
  outline: 0;
  box-shadow: none; }
  .transaction-request-strip .date-trigger.hide {
    display: none; }

.transaction-request-strip .action-row {
  margin: 30px 24px 30px; }
  .transaction-request-strip .action-row .action-button[data-name=save_button],
  .transaction-request-strip .action-row .action-button[data-name=generate_button] {
    float: right; }

@media screen and (max-width: 767px) {
  .transaction-request-strip .page-content {
    padding: 12px; }
  .transaction-request-strip .action-row {
    margin: 30px 24px 30px; }
    .transaction-request-strip .action-row .action-button {
      display: block;
      width: 100%; }
    .transaction-request-strip .action-row .action-button[data-name=save_button],
    .transaction-request-strip .action-row .action-button[data-name=generate_button] {
      float: left;
      margin-top: 10px; }
  .transaction-request-strip .strip-section {
    padding: 6px 0 20px; }
    .transaction-request-strip .strip-section .deal-setting .strip-item.currency label {
      width: 126px; }
    .transaction-request-strip .strip-section .deal-setting .strip-item.currency .strip-item {
      margin-left: 0px;
      padding-left: 20px;
      display: inline-block;
      width: 100%; }
    .transaction-request-strip .strip-section .deal-setting .strip-item {
      width: 100%;
      margin-left: 0px;
      padding-left: 20px;
      margin-top: 5px; }
    .transaction-request-strip .strip-section .deal-setting label {
      width: 126px; }
  .transaction-request-strip .common-section {
    padding: 6px 0 20px; }
    .transaction-request-strip .common-section label {
      width: 36%; } }

.report p, .report pre {
  margin: 0.1em 0; }

.report h3 {
  float: left;
  margin: 0 0.5em 0.5em 0; }

.report .edit {
  background: transparent url("../images/icons/icon_goto_pressed@2x.png") no-repeat 0 center;
  display: block;
  width: 20px;
  height: 37px;
  margin: 0px 0px 0px 10px; }
  .report .edit:hover {
    background: transparent url("../images/icons/icon_goto@2x.png") no-repeat 0 center; }

.report .wide-full {
  width: 100%;
  text-align: center; }

.report .usecurrent {
  float: left; }

.report .nofloat {
  float: none; }

.report .center-in-column {
  display: block;
  text-align: center;
  margin: 0 50% !important; }

.report .del {
  background: transparent url("../images/icons/icon_x_pressed.png") no-repeat 0 center;
  display: block;
  width: 20px;
  height: 37px;
  margin: 0px 0px 0px 10px; }
  .report .del:hover {
    background: transparent url("../images/icons/icon_x.png") no-repeat 0 center; }

.report > h1 {
  float: left; }

.report .page-settings {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .report .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .report .page-settings div.label {
    margin: 10px 0; }
  .report .page-settings div.horizontal {
    display: table;
    margin: 0 auto; }
  .report .page-settings select,
  .report .page-settings .dropdown-box {
    width: 208px; }
  .report .page-settings table {
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .report .page-settings table td,
    .report .page-settings table th {
      padding: 12px 12px 0 0; }
    .report .page-settings table tr:first-child td,
    .report .page-settings table tr:first-child th {
      padding-top: 0; }

.report .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
  margin: 17px 0 17px; }

.report hr {
  background: #717777;
  margin: 12px 0; }
  .report hr.advanced-filter-line {
    width: 800px;
    float: left;
    margin-top: 17px; }

.report table.report-fields {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0; }
  .report table.report-fields.short td:last-child {
    width: 403px; }
  .report table.report-fields td {
    padding: 12px 0 12px 24px; }
    .report table.report-fields td.dealsettings {
      padding: 0; }
    .report table.report-fields td.smaller {
      width: 182px; }
    .report table.report-fields td:first-child {
      width: 152px; }
      .report table.report-fields td:first-child.smaller {
        width: 90px; }
  .report table.report-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .report table.report-fields input:not([type]),
  .report table.report-fields input[type=text],
  .report table.report-fields input[type=number],
  .report table.report-fields select,
  .report table.report-fields span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
  .report table.report-fields label.p25,
  .report table.report-fields span.p25,
  .report table.report-fields input:not([type]).p25 {
    width: 55px; }
  .report table.report-fields label.p50,
  .report table.report-fields span.p50,
  .report table.report-fields input:not([type]).p50 {
    width: 111px; }
  .report table.report-fields label.p75,
  .report table.report-fields span.p75,
  .report table.report-fields input:not([type]).p75 {
    width: 167px; }
  .report table.report-fields label.p100,
  .report table.report-fields span.p100,
  .report table.report-fields input:not([type]).p100 {
    width: 222px; }
  .report table.report-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }

.report .action-button-blue.centered, .report .login-page .centered.action-button, .login-page .report .centered.action-button, .report .reset-page .centered.action-button, .reset-page .report .centered.action-button {
  position: absolute;
  right: 30px;
  top: 50%;
  margin: -22px 0 0; }

.report .action-button-blue.small.right, .report .login-page .small.right.action-button, .login-page .report .small.right.action-button, .report .reset-page .small.right.action-button, .reset-page .report .small.right.action-button {
  width: 130px;
  position: absolute;
  right: 40px;
  top: 50%;
  margin: -22px 0 0;
  background: #33a661; }

.report .action-button-blue.small.left, .report .login-page .small.left.action-button, .login-page .report .small.left.action-button, .report .reset-page .small.left.action-button, .reset-page .report .small.left.action-button {
  width: 130px;
  position: absolute;
  right: 180px;
  top: 50%;
  margin: -22px 0 0; }

.report .advanced-filter {
  float: left;
  width: 116px;
  padding-left: 34px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("../images/icons/button_plus.png");
  background-position: 2px center; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .report .advanced-filter {
      background-image: url("../images/icons/button_plus@2x.png");
      background-size: 19px 19px; } }
  .report .advanced-filter.extend {
    background-image: url("../images/icons/button_minus.png"); }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .report .advanced-filter.extend {
        background-image: url("../images/icons/button_minus@2x.png");
        background-size: 19px 19px; } }

.report .actions {
  margin: 39px 0 0 0; }
  .report .actions .action-button-green, .report .actions .login-page .action-button-transp, .login-page .report .actions .action-button-transp, .report .actions .exchange-rate-calculator-page .action-button, .exchange-rate-calculator-page .report .actions .action-button {
    float: right;
    margin-right: 8px; }
  .report .actions .action-button-blue, .report .actions .login-page .action-button, .login-page .report .actions .action-button, .report .actions .reset-page .action-button, .reset-page .report .actions .action-button {
    float: left;
    width: 105px;
    margin-left: 17px; }

.report .result-actions {
  float: right;
  margin: 18px 0 17px; }

.report .result-table {
  overflow-x: scroll; }
  .report .result-table .execute {
    background: transparent url("../images/icons/tab5_pressed.png") no-repeat 0 center;
    width: 25px;
    height: 25px;
    margin-left: 30%;
    float: left; }
    .report .result-table .execute:hover {
      background: transparent url("../images/icons/tab5.png") no-repeat 0 center; }

.report .middle {
  margin: 0 auto;
  width: 65.5%; }

.trans-report h3 {
  float: left;
  margin: 0 0.5em 0.5em 0; }

.trans-report .edit {
  background: transparent url("../images/icons/icon_goto_pressed@2x.png") no-repeat 0 center;
  display: block;
  width: 37px;
  height: 37px;
  margin: 0px 3px 0px 3px; }
  .trans-report .edit:hover {
    background: transparent url("../images/icons/icon_goto@2x.png") no-repeat 0 center; }

.trans-report .accept {
  background: transparent url("../images/icons/icon_v_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }

.trans-report .accept-active {
  background: transparent url("../images/icons/icon_v_pressed@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }

.trans-report .reject {
  background: transparent url("../images/icons/icon_x_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }

.trans-report .reject-active {
  background: transparent url("../images/icons/icon_x_red@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }

.trans-report .reject-inline {
  background: transparent url("../images/icons/icon_x_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left;
  margin-top: -12px; }

.trans-report .reject-inline-active {
  background: transparent url("../images/icons/icon_x_red@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left;
  margin-top: -12px; }

.trans-report .execute {
  background: transparent url("../images/icons/tab5_pressed@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }
  .trans-report .execute:hover {
    background: transparent url("../images/icons/tab5@2x.png") no-repeat 0 center; }

.trans-report .page-actions {
  margin: 0px 0 10px 0; }

.trans-report .wide-full {
  width: 100%;
  text-align: center; }

.trans-report .usecurrent {
  float: left; }

.trans-report .nofloat {
  float: none; }

.trans-report .center-in-column {
  display: block;
  text-align: center;
  margin: 0 50% !important; }

.trans-report .del {
  background: transparent url("../images/icons/icon_x_pressed.png") no-repeat 0 center;
  display: block;
  width: 20px;
  height: 37px;
  margin: 0px 0px 0px 10px; }
  .trans-report .del:hover {
    background: transparent url("../images/icons/icon_x.png") no-repeat 0 center; }

.trans-report > h1 {
  float: left; }

.trans-report .page-settings {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .trans-report .page-settings .high {
    height: 5px; }
  .trans-report .page-settings .select-editable {
    position: relative;
    width: 86%;
    height: 18px; }
  .trans-report .page-settings .select-editable select {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 14px;
    border: none;
    width: 100%;
    margin: 0; }
  .trans-report .page-settings .select-editable input[type=text] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 95%;
    padding: 1px;
    border: none; }
  .trans-report .page-settings .select-editable input[type=text]:focus {
    border: none;
    box-shadow: none; }
  .trans-report .page-settings .select-editable select:focus, .trans-report .page-settings .select-editable input[type=text]:focus {
    outline: none; }
  .trans-report .page-settings .edit {
    background: transparent url("../images/icons/icon_goto_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .trans-report .page-settings .edit:hover {
      background: transparent url("../images/icons/icon_goto@2x.png") no-repeat 0 center; }
  .trans-report .page-settings .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .trans-report .page-settings .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .trans-report .page-settings > h4 {
    margin: 0; }
  .trans-report .page-settings.notop {
    margin: 0 0 17px; }
  .trans-report .page-settings.small-top {
    margin-top: 0.5em; }
  .trans-report .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .trans-report .page-settings div.label {
    margin: 10px 0; }
  .trans-report .page-settings select:disabled,
  .trans-report .page-settings input:disabled {
    background-color: #999999; }
  .trans-report .page-settings select,
  .trans-report .page-settings input,
  .trans-report .page-settings .dropdown-box {
    width: 208px; }
    .trans-report .page-settings select.wide,
    .trans-report .page-settings input.wide,
    .trans-report .page-settings .dropdown-box.wide {
      width: 76%; }
  .trans-report .page-settings input[type=checkbox] {
    width: 10px; }
  .trans-report .page-settings label.pad-left {
    padding-left: 20px; }
  .trans-report .page-settings table.horisontal-tbl > tbody > tr td.summary {
    color: #0099c3; }
  .trans-report .page-settings table.standard-scrollable {
    margin: 27px 0 0; }
    .trans-report .page-settings table.standard-scrollable td span {
      display: block;
      text-align: center;
      margin: 0 auto; }
    .trans-report .page-settings table.standard-scrollable > thead > tr > th:first-child,
    .trans-report .page-settings table.standard-scrollable > thead > tr > th:nth-child(even) {
      width: 20px; }
    .trans-report .page-settings table.standard-scrollable > tbody > tr > td:first-child,
    .trans-report .page-settings table.standard-scrollable > tbody > tr > td:nth-child(even) {
      background: #161D23;
      width: 20px; }
    .trans-report .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
      background: #0B151A; }
    .trans-report .page-settings table.standard-scrollable > tbody > tr a {
      color: #2ab7af;
      text-decoration: none; }
    .trans-report .page-settings table.standard-scrollable .warning {
      color: #FF2232; }
  .trans-report .page-settings .hedging-table {
    overflow-x: scroll; }
  .trans-report .page-settings table.table-settings {
    width: 100%;
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .trans-report .page-settings table.table-settings td,
    .trans-report .page-settings table.table-settings th {
      width: 145px;
      padding: 12px 12px 0 0; }
    .trans-report .page-settings table.table-settings tr:first-child td,
    .trans-report .page-settings table.table-settings tr:first-child th {
      padding-top: 0; }
    .trans-report .page-settings table.table-settings.small td, .trans-report .page-settings table.table-settings.small th {
      width: 70px;
      padding: 12px 12px 0 0; }
  .trans-report .page-settings.two-parted {
    padding: 0 30px 0 0; }
  .trans-report .page-settings .labels-area {
    padding: 10px 0 10px 30px; }
    .trans-report .page-settings .labels-area.main {
      float: left;
      width: 110px;
      background-color: rgba(25, 30, 33, 0.12);
      margin: 0 20px 0 0; }
  .trans-report .page-settings .action-button-blue.centered, .trans-report .page-settings .login-page .centered.action-button, .login-page .trans-report .page-settings .centered.action-button, .trans-report .page-settings .reset-page .centered.action-button, .reset-page .trans-report .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 50%;
    margin: -22px 0 0; }
  .trans-report .page-settings .action-button-blue.centered, .trans-report .page-settings .login-page .centered.action-button, .login-page .trans-report .page-settings .centered.action-button, .trans-report .page-settings .reset-page .centered.action-button, .reset-page .trans-report .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 68%;
    margin: -22px 0 0; }
    .trans-report .page-settings .action-button-blue.centered.down-top, .trans-report .page-settings .login-page .centered.down-top.action-button, .login-page .trans-report .page-settings .centered.down-top.action-button, .trans-report .page-settings .reset-page .centered.down-top.action-button, .reset-page .trans-report .page-settings .centered.down-top.action-button {
      top: 81%; }
  .trans-report .page-settings .action-button-green.small-btn, .trans-report .page-settings .login-page .small-btn.action-button-transp, .login-page .trans-report .page-settings .small-btn.action-button-transp, .trans-report .page-settings .exchange-rate-calculator-page .small-btn.action-button, .exchange-rate-calculator-page .trans-report .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }
  .trans-report .page-settings .action-button-blue.small-btn, .trans-report .page-settings .login-page .small-btn.action-button, .login-page .trans-report .page-settings .small-btn.action-button, .trans-report .page-settings .reset-page .small-btn.action-button, .reset-page .trans-report .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }

.trans-report .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
  margin: 17px 0 17px; }
  .trans-report .page-content section.transaction-fields p {
    margin: 0; }
  .trans-report .page-content section.transaction-fields .value {
    color: #D3D3A7; }
  .trans-report .page-content .setting {
    display: inline-block; }
    .trans-report .page-content .setting.value {
      color: #1EAAD8;
      padding: 0 10px 0 10px; }

.trans-report hr {
  background: #717777;
  margin: 12px 0; }
  .trans-report hr.advanced-filter-line {
    width: 800px;
    float: left;
    margin-top: 17px; }

.trans-report table.report-fields {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0; }
  .trans-report table.report-fields.small {
    width: 70%; }
  .trans-report table.report-fields select,
  .trans-report table.report-fields input[type=text],
  .trans-report table.report-fields .dropdown-box {
    width: 208px; }
    .trans-report table.report-fields select.wide,
    .trans-report table.report-fields input[type=text].wide,
    .trans-report table.report-fields .dropdown-box.wide {
      width: 76%; }
  .trans-report table.report-fields.short td:last-child {
    width: 403px; }
  .trans-report table.report-fields td {
    padding: 5px 0 7px 24px;
    width: 300px; }
    .trans-report table.report-fields td.smaller {
      width: 182px; }
    .trans-report table.report-fields td:first-child {
      width: 152px; }
      .trans-report table.report-fields td:first-child.smaller {
        width: 90px; }
  .trans-report table.report-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .trans-report table.report-fields input:not([type]),
  .trans-report table.report-fields input[type=text],
  .trans-report table.report-fields input[type=number],
  .trans-report table.report-fields select,
  .trans-report table.report-fields span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
  .trans-report table.report-fields label.p25,
  .trans-report table.report-fields span.p25,
  .trans-report table.report-fields input:not([type]).p25 {
    width: 55px; }
  .trans-report table.report-fields label.p50,
  .trans-report table.report-fields span.p50,
  .trans-report table.report-fields input:not([type]).p50 {
    width: 111px; }
  .trans-report table.report-fields label.p75,
  .trans-report table.report-fields span.p75,
  .trans-report table.report-fields input:not([type]).p75 {
    width: 167px; }
  .trans-report table.report-fields label.p100,
  .trans-report table.report-fields span.p100,
  .trans-report table.report-fields input:not([type]).p100 {
    width: 222px; }
  .trans-report table.report-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }

.trans-report .advanced-filter {
  float: left;
  width: 116px;
  padding-left: 34px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("../images/icons/button_plus.png");
  background-position: 2px center; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .trans-report .advanced-filter {
      background-image: url("../images/icons/button_plus@2x.png");
      background-size: 19px 19px; } }
  .trans-report .advanced-filter.extend {
    background-image: url("../images/icons/button_minus.png"); }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .trans-report .advanced-filter.extend {
        background-image: url("../images/icons/button_minus@2x.png");
        background-size: 19px 19px; } }

.trans-report .actions {
  margin: 39px 0 0 0; }
  .trans-report .actions .action-button-green, .trans-report .actions .login-page .action-button-transp, .login-page .trans-report .actions .action-button-transp, .trans-report .actions .exchange-rate-calculator-page .action-button, .exchange-rate-calculator-page .trans-report .actions .action-button {
    float: right;
    margin-right: 8px; }
  .trans-report .actions .action-button-blue, .trans-report .actions .login-page .action-button, .login-page .trans-report .actions .action-button, .trans-report .actions .reset-page .action-button, .reset-page .trans-report .actions .action-button {
    float: left;
    width: 105px;
    margin-left: 17px; }

.trans-report .result-actions {
  float: right;
  margin: 18px 0 17px; }

.trans-report .result-table {
  overflow-x: scroll; }
  .trans-report .result-table tr.virtual {
    background: #020024;
    background: linear-gradient(90deg, #020024 0%, rgba(9, 9, 121, 0.253006) 0%, rgba(0, 181, 255, 0.222193) 100%); }
  .trans-report .result-table tr.canceled {
    background: #5b5b5b;
    background: linear-gradient(90deg, rgba(91, 91, 91, 0.684378) 56%, rgba(1, 10, 2, 0.555527) 69%, rgba(6, 2, 11, 0.521913) 87%); }
  .trans-report .result-table tr.open {
    background: #04440f;
    background: linear-gradient(90deg, rgba(4, 68, 15, 0.68998) 44%, rgba(136, 143, 153, 0.790821) 72%, rgba(127, 79, 195, 0.521913) 87%); }
  .trans-report .result-table .execute {
    background: transparent url("../images/icons/tab5_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px;
    float: left; }
    .trans-report .result-table .execute:hover {
      background: transparent url("../images/icons/tab5@2x.png") no-repeat 0 center; }

.trans-report .middle {
  margin: 0 auto;
  width: 65.5%; }

@media screen and (max-width: 767px) {
  .report .wide-full {
    width: 100%;
    text-align: center; }
  .report .usecurrent {
    float: left; }
  .report .center-in-column {
    display: block;
    text-align: center;
    margin: 0 auto; }
  .report .del {
    background: transparent url("../images/icons/icon_x_pressed.png") no-repeat 0 center;
    display: block;
    width: 20px;
    height: 37px;
    margin: 0px 0px 0px 10px; }
    .report .del:hover {
      background: transparent url("../images/icons/icon_x.png") no-repeat 0 center; }
  .report table.report-fields tbody,
  .report table.report-fields tr,
  .report table.report-fields td,
  .report table.report-fields th {
    display: block; }
  .report table.report-fields.short td:last-child {
    width: 100%; }
  .report table.report-fields td {
    width: auto;
    padding: 12px 0; }
    .report table.report-fields td.smaller {
      width: auto; }
    .report table.report-fields td:first-child {
      width: auto; }
      .report table.report-fields td:first-child.smaller {
        width: auto; }
  .report table.report-fields tr#company-row {
    display: block !important; }
  .report table.report-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .report table.report-fields input:not([type]),
  .report table.report-fields input[type=text],
  .report table.report-fields input[type=number],
  .report table.report-fields select,
  .report table.report-fields span.dropdown-box {
    width: 100%; }
  .report table.report-fields label.p25,
  .report table.report-fields span.p25,
  .report table.report-fields input:not([type]).p25 {
    width: 12%;
    float: left; }
  .report table.report-fields label.p50,
  .report table.report-fields span.p50,
  .report table.report-fields input:not([type]).p50 {
    width: 50%; }
  .report table.report-fields label.p75,
  .report table.report-fields span.p75,
  .report table.report-fields input:not([type]).p75 {
    width: 88%;
    display: inline-block; }
  .report table.report-fields label.p100,
  .report table.report-fields span.p100,
  .report table.report-fields input:not([type]).p100 {
    width: 100%; }
  .report table.report-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
  .report .actions .action-button-green, .report .actions .login-page .action-button-transp, .login-page .report .actions .action-button-transp, .report .actions .exchange-rate-calculator-page .action-button, .exchange-rate-calculator-page .report .actions .action-button {
    width: 100%;
    margin-right: 0; }
  .report .actions .action-button-blue, .report .actions .login-page .action-button, .login-page .report .actions .action-button, .report .actions .reset-page .action-button, .reset-page .report .actions .action-button {
    width: 30%;
    margin: 0 13px 13px 0; }
  .report .actions .action-button[name=month_button] {
    margin: 0 0 13px 0; }
  .report .result-table {
    overflow-x: hidden; }
  table.open-order {
    display: block !important;
    width: auto; }
    table.open-order > thead {
      display: none; }
    table.open-order > tbody {
      height: auto;
      overflow: visible; }
      table.open-order > tbody > tr {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 6px 0 6px;
        border-bottom: 1px solid #3e4d52; }
        table.open-order > tbody > tr.highlight {
          color: #fa6922; }
          table.open-order > tbody > tr.highlight td:nth-child(9) {
            background-image: url("../images/icons/orange_arrow_mobile.png"); }
        table.open-order > tbody > tr > td {
          float: left;
          width: auto;
          border-right: 0;
          padding: 0;
          text-align: left; }
          table.open-order > tbody > tr > td:nth-child(-n+5) {
            background: #374143;
            padding: 4px 0; }
          table.open-order > tbody > tr > td:nth-child(1) {
            width: 14%;
            padding-left: 8px; }
          table.open-order > tbody > tr > td:nth-child(2) {
            width: 22%; }
          table.open-order > tbody > tr > td:nth-child(3) {
            width: 32%; }
            table.open-order > tbody > tr > td:nth-child(3).merge {
              width: 61%; }
          table.open-order > tbody > tr > td:nth-child(4) {
            width: 17%; }
            table.open-order > tbody > tr > td:nth-child(4).merge {
              padding: 0; }
          table.open-order > tbody > tr > td:nth-child(5) {
            width: 12%; }
            table.open-order > tbody > tr > td:nth-child(5).merge {
              padding: 0; }
          table.open-order > tbody > tr > td:nth-child(6) {
            width: 61%;
            padding-left: 8px; }
          table.open-order > tbody > tr > td:nth-child(7) {
            width: 36%; }
            table.open-order > tbody > tr > td:nth-child(7).first {
              margin-left: 8px; }
          table.open-order > tbody > tr > td:nth-child(8) {
            width: 100%;
            padding-left: 8px; }
          table.open-order > tbody > tr > td:nth-child(9) {
            width: 97%;
            padding-left: 8px;
            background: url("../images/icons/white_arrow_mobile.png") no-repeat scroll right center transparent; }
          table.open-order > tbody > tr > td > span.value {
            font-size: 14px; }
            table.open-order > tbody > tr > td > span.value.bold {
              color: #34aadc; }
            table.open-order > tbody > tr > td > span.value.expired {
              color: #e90303; }
          table.open-order > tbody > tr > td > span.title {
            margin: 3px 6px 0 0;
            font-size: 11px; }
  table.open-order-data {
    display: block !important;
    width: auto; }
    table.open-order-data > thead {
      display: none; }
    table.open-order-data > tbody {
      display: block;
      height: auto;
      overflow: visible; }
      table.open-order-data > tbody > tr {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 6px 24px 6px;
        border-bottom: 1px solid #3e4d52; }
        table.open-order-data > tbody > tr:first-child {
          border-top: 1px solid #3e4d52; }
        table.open-order-data > tbody > tr.disabled {
          color: #7c7d7d; }
        table.open-order-data > tbody > tr > td {
          float: left;
          width: auto;
          border-right: 0;
          padding: 0;
          text-align: left; }
          table.open-order-data > tbody > tr > td:nth-child(3) {
            width: 66.66%; }
          table.open-order-data > tbody > tr > td.p30 {
            width: 33.33%; }
          table.open-order-data > tbody > tr > td.p100 {
            width: 100%; }
          table.open-order-data > tbody > tr > td > span.value {
            font-size: 14px; }
          table.open-order-data > tbody > tr > td > span.title {
            margin: 3px 6px 0 0;
            font-size: 11px; }
  .trans-report .wide-full {
    width: 100%;
    text-align: center; }
  .trans-report .usecurrent {
    float: left; }
  .trans-report .center-in-column {
    display: block;
    text-align: center;
    margin: 0 auto; }
  .trans-report .del {
    background: transparent url("../images/icons/icon_x_pressed.png") no-repeat 0 center;
    display: block;
    width: 20px;
    height: 37px;
    margin: 0px 0px 0px 10px; }
    .trans-report .del:hover {
      background: transparent url("../images/icons/icon_x.png") no-repeat 0 center; }
  .trans-report table.report-fields tbody,
  .trans-report table.report-fields tr,
  .trans-report table.report-fields td,
  .trans-report table.report-fields th {
    display: block; }
  .trans-report table.report-fields.short td:last-child {
    width: 100%; }
  .trans-report table.report-fields td {
    width: auto;
    padding: 12px 0; }
    .trans-report table.report-fields td.smaller {
      width: auto; }
    .trans-report table.report-fields td:first-child {
      width: auto; }
      .trans-report table.report-fields td:first-child.smaller {
        width: auto; }
  .trans-report table.report-fields tr#company-row {
    display: block !important; }
  .trans-report table.report-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .trans-report table.report-fields input:not([type]),
  .trans-report table.report-fields input[type=text],
  .trans-report table.report-fields input[type=number],
  .trans-report table.report-fields select,
  .trans-report table.report-fields span.dropdown-box {
    width: 100%; }
  .trans-report table.report-fields label.p25,
  .trans-report table.report-fields span.p25,
  .trans-report table.report-fields input:not([type]).p25 {
    width: 12%;
    float: left; }
  .trans-report table.report-fields label.p50,
  .trans-report table.report-fields span.p50,
  .trans-report table.report-fields input:not([type]).p50 {
    width: 50%; }
  .trans-report table.report-fields label.p75,
  .trans-report table.report-fields span.p75,
  .trans-report table.report-fields input:not([type]).p75 {
    width: 88%;
    display: inline-block; }
  .trans-report table.report-fields label.p100,
  .trans-report table.report-fields span.p100,
  .trans-report table.report-fields input:not([type]).p100 {
    width: 100%; }
  .trans-report table.report-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
  .trans-report .actions .action-button-green, .trans-report .actions .login-page .action-button-transp, .login-page .trans-report .actions .action-button-transp, .trans-report .actions .exchange-rate-calculator-page .action-button, .exchange-rate-calculator-page .trans-report .actions .action-button {
    width: 100%;
    margin-right: 0; }
  .trans-report .actions .action-button-blue, .trans-report .actions .login-page .action-button, .login-page .trans-report .actions .action-button, .trans-report .actions .reset-page .action-button, .reset-page .trans-report .actions .action-button {
    width: 30%;
    margin: 0 13px 13px 0; }
  .trans-report .actions .action-button[name=month_button] {
    margin: 0 0 13px 0; }
  .trans-report .result-table {
    overflow-x: hidden; } }

.deposit > h1 {
  float: left; }

.deposit .page-settings {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .deposit .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .deposit .page-settings div.label {
    margin: 10px 0; }
  .deposit .page-settings div.horizontal {
    display: table;
    margin: 0 auto; }
  .deposit .page-settings select,
  .deposit .page-settings .dropdown-box {
    width: 208px; }
  .deposit .page-settings table {
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .deposit .page-settings table td,
    .deposit .page-settings table th {
      padding: 12px 12px 0 0; }
    .deposit .page-settings table tr:first-child td,
    .deposit .page-settings table tr:first-child th {
      padding-top: 0; }

.deposit .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
  margin: 17px 0 17px; }
  .deposit .page-content.nopad {
    padding: 0; }

.deposit hr {
  background: #717777;
  margin: 12px 0; }
  .deposit hr.advanced-filter-line {
    width: 800px;
    float: left;
    margin-top: 17px; }

.deposit table.report-fields {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0; }
  .deposit table.report-fields.short td:last-child {
    width: 403px; }
  .deposit table.report-fields td {
    padding: 12px 0 12px 24px; }
    .deposit table.report-fields td.smaller {
      width: 182px; }
    .deposit table.report-fields td:first-child {
      width: 152px; }
      .deposit table.report-fields td:first-child.smaller {
        width: 90px; }
  .deposit table.report-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .deposit table.report-fields input:not([type]),
  .deposit table.report-fields input[type=text],
  .deposit table.report-fields input[type=number],
  .deposit table.report-fields select,
  .deposit table.report-fields span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
  .deposit table.report-fields label.p25,
  .deposit table.report-fields span.p25,
  .deposit table.report-fields input:not([type]).p25 {
    width: 55px; }
  .deposit table.report-fields label.p50,
  .deposit table.report-fields span.p50,
  .deposit table.report-fields input:not([type]).p50 {
    width: 111px; }
  .deposit table.report-fields label.p75,
  .deposit table.report-fields span.p75,
  .deposit table.report-fields input:not([type]).p75 {
    width: 167px; }
  .deposit table.report-fields label.p100,
  .deposit table.report-fields span.p100,
  .deposit table.report-fields input:not([type]).p100 {
    width: 222px; }
  .deposit table.report-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }

.deposit .advanced-filter {
  float: left;
  width: 116px;
  padding-left: 34px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("../images/icons/button_plus.png");
  background-position: 2px center; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .deposit .advanced-filter {
      background-image: url("../images/icons/button_plus@2x.png");
      background-size: 19px 19px; } }
  .deposit .advanced-filter.extend {
    background-image: url("../images/icons/button_minus.png"); }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .deposit .advanced-filter.extend {
        background-image: url("../images/icons/button_minus@2x.png");
        background-size: 19px 19px; } }

.deposit .actions {
  margin: 39px 0 0 0; }
  .deposit .actions .action-button-green, .deposit .actions .login-page .action-button-transp, .login-page .deposit .actions .action-button-transp, .deposit .actions .exchange-rate-calculator-page .action-button, .exchange-rate-calculator-page .deposit .actions .action-button {
    float: right;
    margin-right: 8px; }
  .deposit .actions .action-button-blue, .deposit .actions .login-page .action-button, .login-page .deposit .actions .action-button, .deposit .actions .reset-page .action-button, .reset-page .deposit .actions .action-button {
    float: left;
    width: 105px;
    margin-left: 17px; }

.deposit .result-actions {
  float: right;
  margin: 18px 0 17px; }

.deposit .result-table {
  overflow-x: scroll; }

.deposit .middle {
  margin: 0 auto;
  width: 100%; }

@media screen and (max-width: 767px) {
  .report table.report-fields tbody,
  .report table.report-fields tr,
  .report table.report-fields td,
  .report table.report-fields th {
    display: block; }
  .report table.report-fields.short td:last-child {
    width: 100%; }
  .report table.report-fields td {
    width: auto;
    padding: 12px 0; }
    .report table.report-fields td.smaller {
      width: auto; }
    .report table.report-fields td:first-child {
      width: auto; }
      .report table.report-fields td:first-child.smaller {
        width: auto; }
  .report table.report-fields tr#company-row {
    display: block !important; }
  .report table.report-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .report table.report-fields input:not([type]),
  .report table.report-fields input[type=text],
  .report table.report-fields input[type=number],
  .report table.report-fields select,
  .report table.report-fields span.dropdown-box {
    width: 100%; }
  .report table.report-fields label.p25,
  .report table.report-fields span.p25,
  .report table.report-fields input:not([type]).p25 {
    width: 12%;
    float: left; }
  .report table.report-fields label.p50,
  .report table.report-fields span.p50,
  .report table.report-fields input:not([type]).p50 {
    width: 50%; }
  .report table.report-fields label.p75,
  .report table.report-fields span.p75,
  .report table.report-fields input:not([type]).p75 {
    width: 88%;
    display: inline-block; }
  .report table.report-fields label.p100,
  .report table.report-fields span.p100,
  .report table.report-fields input:not([type]).p100 {
    width: 100%; }
  .report table.report-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
  .report .actions .action-button-green, .report .actions .login-page .action-button-transp, .login-page .report .actions .action-button-transp, .report .actions .exchange-rate-calculator-page .action-button, .exchange-rate-calculator-page .report .actions .action-button {
    width: 100%;
    margin-right: 0; }
  .report .actions .action-button-blue, .report .actions .login-page .action-button, .login-page .report .actions .action-button, .report .actions .reset-page .action-button, .reset-page .report .actions .action-button {
    width: 30%;
    margin: 0 13px 13px 0; }
  .report .actions .action-button[name=month_button] {
    margin: 0 0 13px 0; }
  .report .result-table {
    overflow-x: hidden; }
  table.open-order {
    display: block !important;
    width: auto; }
    table.open-order > thead {
      display: none; }
    table.open-order > tbody {
      height: auto;
      overflow: visible; }
      table.open-order > tbody > tr {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 6px 0 6px;
        border-bottom: 1px solid #3e4d52; }
        table.open-order > tbody > tr.highlight {
          color: #fa6922; }
          table.open-order > tbody > tr.highlight td:nth-child(9) {
            background-image: url("../images/icons/orange_arrow_mobile.png"); }
        table.open-order > tbody > tr > td {
          float: left;
          width: auto;
          border-right: 0;
          padding: 0;
          text-align: left; }
          table.open-order > tbody > tr > td:nth-child(-n+5) {
            background: #374143;
            padding: 4px 0; }
          table.open-order > tbody > tr > td:nth-child(1) {
            width: 14%;
            padding-left: 8px; }
          table.open-order > tbody > tr > td:nth-child(2) {
            width: 22%; }
          table.open-order > tbody > tr > td:nth-child(3) {
            width: 32%; }
            table.open-order > tbody > tr > td:nth-child(3).merge {
              width: 61%; }
          table.open-order > tbody > tr > td:nth-child(4) {
            width: 17%; }
            table.open-order > tbody > tr > td:nth-child(4).merge {
              padding: 0; }
          table.open-order > tbody > tr > td:nth-child(5) {
            width: 12%; }
            table.open-order > tbody > tr > td:nth-child(5).merge {
              padding: 0; }
          table.open-order > tbody > tr > td:nth-child(6) {
            width: 61%;
            padding-left: 8px; }
          table.open-order > tbody > tr > td:nth-child(7) {
            width: 36%; }
            table.open-order > tbody > tr > td:nth-child(7).first {
              margin-left: 8px; }
          table.open-order > tbody > tr > td:nth-child(8) {
            width: 100%;
            padding-left: 8px; }
          table.open-order > tbody > tr > td:nth-child(9) {
            width: 97%;
            padding-left: 8px;
            background: url("../images/icons/white_arrow_mobile.png") no-repeat scroll right center transparent; }
          table.open-order > tbody > tr > td > span.value {
            font-size: 14px; }
            table.open-order > tbody > tr > td > span.value.bold {
              color: #34aadc; }
            table.open-order > tbody > tr > td > span.value.expired {
              color: #e90303; }
          table.open-order > tbody > tr > td > span.title {
            margin: 3px 6px 0 0;
            font-size: 11px; }
  table.open-order-data {
    display: block !important;
    width: auto; }
    table.open-order-data > thead {
      display: none; }
    table.open-order-data > tbody {
      display: block;
      height: auto;
      overflow: visible; }
      table.open-order-data > tbody > tr {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 6px 24px 6px;
        border-bottom: 1px solid #3e4d52; }
        table.open-order-data > tbody > tr:first-child {
          border-top: 1px solid #3e4d52; }
        table.open-order-data > tbody > tr.disabled {
          color: #7c7d7d; }
        table.open-order-data > tbody > tr > td {
          float: left;
          width: auto;
          border-right: 0;
          padding: 0;
          text-align: left; }
          table.open-order-data > tbody > tr > td:nth-child(3) {
            width: 66.66%; }
          table.open-order-data > tbody > tr > td.p30 {
            width: 33.33%; }
          table.open-order-data > tbody > tr > td.p100 {
            width: 100%; }
          table.open-order-data > tbody > tr > td > span.value {
            font-size: 14px; }
          table.open-order-data > tbody > tr > td > span.title {
            margin: 3px 6px 0 0;
            font-size: 11px; } }

.share-view {
  float: left;
  width: 262px;
  padding: 12px 30px 40px;
  margin: 0;
  background: rgba(0, 0, 0, 0.85);
  list-style: none;
  border: 1px solid #6D7172;
  overflow-y: auto;
  overflow-x: hidden;
  outline: 0;
  text-align: center;
  z-index: 100; }
  .share-view:focus {
    box-shadow: none;
    outline: 0; }
  .share-view > .label {
    text-align: center;
    margin: 20px 0 20px;
    display: block; }
  .share-view span.radio {
    margin: 0 12px; }
  .share-view select {
    width: 100%; }
  .share-view .action-button {
    display: block;
    margin: 24px auto 0 auto;
    width: 225px;
    height: 36px;
    padding: 7px 0 0 55px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-position: left 15px center;
    background-repeat: no-repeat;
    border-radius: 2px; }
    .share-view .action-button.copy {
      background-color: #2d3233;
      background-image: url("../images/icons/icon_copy_link.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .share-view .action-button.copy {
          background-image: url("../images/icons/icon_copy_link@2x.png");
          background-size: 20px 12px; } }
      html.with-hovers .share-view .action-button.copy:hover {
        background-color: #525c5e; }
    .share-view .action-button.send {
      background-color: #1c4e5e;
      background-image: url("../images/icons/icon_send_email.png");
      text-decoration: none;
      color: #ffffff; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .share-view .action-button.send {
          background-image: url("../images/icons/icon_send_email@2x.png");
          background-size: 20px 12px; } }
      html.with-hovers .share-view .action-button.send:hover {
        background-color: #356b7c; }
    .share-view .action-button:active, .share-view .action-button.active,
    html.with-hovers .share-view .action-button:active, html.with-hovers .share-view .action-button.active {
      background-color: #64acfa; }

.alert-widget {
  position: relative;
  top: 10px; }
  .alert-widget hr {
    clear: both;
    float: none; }
  .alert-widget .alert-title {
    padding: 14px 0; }
    .alert-widget .alert-title span {
      padding: 0 12px; }
      .alert-widget .alert-title span.subject {
        background: url("../images/icons/icon_message.png") no-repeat 20px center;
        padding-left: 42px; }
      .alert-widget .alert-title span.date, .alert-widget .alert-title span.time {
        float: right; }
    .alert-widget .alert-title.open .subject {
      background-image: url("../images/icons/icon_open_message.png"); }
  .alert-widget .alert-content {
    width: 100%; }
    .alert-widget .alert-content .body {
      width: 68%;
      min-height: 150px;
      display: inline-block;
      padding-left: 3px;
      float: left;
      margin-top: -38px; }
      .alert-widget .alert-content .body span {
        float: left; }
    .alert-widget .alert-content .action-row {
      display: inline-block;
      float: right;
      width: 32%; }
      .alert-widget .alert-content .action-row .alert-action {
        width: 38px;
        height: 38px;
        display: inline-block;
        background-color: #111719;
        float: left;
        margin: 8px 4.5px;
        outline: 1px #4e5658 solid; }
        .alert-widget .alert-content .action-row .alert-action.unread {
          width: 64px;
          background: url("../images/icons/icon_unread_small.png") no-repeat 12px center;
          background-color: #111719;
          padding-left: 40px;
          line-height: 38px; }
          .alert-widget .alert-content .action-row .alert-action.unread:hover {
            background-image: url("../images/icons/icon_unread_small_pressed.png");
            color: #0192C1; }
        .alert-widget .alert-content .action-row .alert-action.delete {
          background: url("../images/icons/icon_garbage.png") no-repeat 12px center;
          background-color: #1a2428; }
          .alert-widget .alert-content .action-row .alert-action.delete:hover {
            background-image: url("../images/icons/icon_garbage_pressed.png"); }
        .alert-widget .alert-content .action-row .alert-action.ok {
          background: url("../images/icons/icon_v.png") no-repeat 12px center;
          background-color: #1a2428; }
          .alert-widget .alert-content .action-row .alert-action.ok:hover {
            background-image: url("../images/icons/icon_v_pressed.png"); }
        .alert-widget .alert-content .action-row .alert-action.cancel {
          background: url("../images/icons/icon_x.png") no-repeat 12px center;
          background-color: #1a2428; }
          .alert-widget .alert-content .action-row .alert-action.cancel:hover {
            background-image: url("../images/icons/icon_x_pressed.png"); }
        .alert-widget .alert-content .action-row .alert-action.more {
          background: url("../images/icons/icon_more.png") no-repeat 12px center;
          background-color: #111719; }
          .alert-widget .alert-content .action-row .alert-action.more:hover {
            background-image: url("../images/icons/icon_more_pressed.png"); }
      .alert-widget .alert-content .action-row .more-action {
        margin-right: 2.5px;
        float: right; }
    .alert-widget .alert-content .more-action-menu {
      display: inline-block;
      width: 32%;
      clear: right;
      float: right; }
      .alert-widget .alert-content .more-action-menu .alert-more-action {
        color: #fff;
        text-decoration: none;
        width: 280px;
        height: 38px;
        display: inline-block;
        background-color: #111719;
        margin: 0 4.5px;
        border: 1px solid #4e5658;
        line-height: 38px;
        padding-left: 12px;
        border-bottom: 0; }
        .alert-widget .alert-content .more-action-menu .alert-more-action.last {
          margin-bottom: 10px;
          border-bottom: 1px solid #4e5658; }
        .alert-widget .alert-content .more-action-menu .alert-more-action.dealing-room-phone {
          background: url("../images/icons/icon_phone.png") no-repeat 263px center;
          background-color: #111719; }
          .alert-widget .alert-content .more-action-menu .alert-more-action.dealing-room-phone:before {
            content: "Dealing Room: ";
            color: #1eaad8; }
          .alert-widget .alert-content .more-action-menu .alert-more-action.dealing-room-phone:hover {
            background-image: url("../images/icons/icon_phone_pressed.png"); }
        .alert-widget .alert-content .more-action-menu .alert-more-action.advisor-phone {
          background: url("../images/icons/icon_phone2.png") no-repeat 267px center;
          background-color: #111719; }
          .alert-widget .alert-content .more-action-menu .alert-more-action.advisor-phone:before {
            content: "Advisor: ";
            color: #1eaad8; }
          .alert-widget .alert-content .more-action-menu .alert-more-action.advisor-phone:hover {
            background-image: url("../images/icons/icon_phone2_pressed.png"); }
        .alert-widget .alert-content .more-action-menu .alert-more-action.advisor-mail {
          background: url("../images/icons/icon_email.png") no-repeat 263px center;
          background-color: #111719; }
          .alert-widget .alert-content .more-action-menu .alert-more-action.advisor-mail:hover {
            background-image: url("../images/icons/icon_email_pressed.png"); }
        .alert-widget .alert-content .more-action-menu .alert-more-action.goto {
          background: url("../images/icons/icon_goto.png") no-repeat 263px center;
          background-color: #111719; }
          .alert-widget .alert-content .more-action-menu .alert-more-action.goto:hover {
            background-image: url("../images/icons/icon_goto_pressed.png"); }

.alert-page .tab {
  height: 38px;
  margin-top: 38px;
  -webkit-text-select: none;
  -ms-text-select: none;
  -moz-text-select: none;
  -o-text-select: none;
  text-select: none; }
  .alert-page .tab ul {
    list-style: none none;
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: 100%; }
  .alert-page .tab li {
    float: left;
    width: 134px;
    height: 100%;
    padding: 0;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    text-indent: 60px;
    border-top: 1px solid #4e5658;
    border-right: 1px solid #4e5658;
    border-left: 1px solid #4e5658; }
    .alert-page .tab li > a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #fff;
      position: relative;
      background-position: left 22px center;
      background-repeat: no-repeat;
      line-height: 38px; }
      .alert-page .tab li > a.action-unread {
        background-image: url("../images/icons/icon_unread.png"); }
        .alert-page .tab li > a.action-unread.active {
          background-image: url("../images/icons/icon_unread_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .alert-page .tab li > a.action-read {
        background-image: url("../images/icons/icon_read.png"); }
        .alert-page .tab li > a.action-read.active {
          background-image: url("../images/icons/icon_read_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
  .alert-page .tab hr {
    background: #343C3D;
    border-left: 1px solid #4e5658;
    height: 6px;
    margin-top: 1px;
    width: calc(100% - 4px); }

@media screen and (max-width: 767px) {
  .alert-page .tab ul {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 1px 1px 0 1px; }
  .alert-page .tab li {
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .alert-page .tab hr {
    margin-left: 1px;
    margin-top: 0;
    border-right: 1px solid #4e5658; }
  .alert-page .alert-title span.subject {
    display: block; }
  .alert-page .alert-title span.date, .alert-page .alert-title span.time {
    font-size: 12px; }
  .alert-page .alert-content .body {
    min-height: 60px;
    padding: 10px 3px;
    margin: 0; }
  .alert-page .alert-content .action-row {
    display: block;
    float: none;
    width: 100%; }
    .alert-page .alert-content .action-row .alert-action {
      margin: 8px 1.25%; }
    .alert-page .alert-content .action-row .more-action {
      margin-right: 2.5px;
      float: right; }
  .alert-page .alert-content .more-action-menu {
    display: block;
    width: 94.5%;
    float: none; }
    .alert-page .alert-content .more-action-menu .alert-more-action {
      width: 100%;
      margin: 0 1%; }
      .alert-page .alert-content .more-action-menu .alert-more-action.last {
        margin-bottom: 10px; }
      .alert-page .alert-content .more-action-menu .alert-more-action.dealing-room-phone {
        background-position: calc(100% - 13px) center; }
      .alert-page .alert-content .more-action-menu .alert-more-action.advisor-phone {
        background-position: calc(100% - 13px) center; }
      .alert-page .alert-content .more-action-menu .alert-more-action.advisor-mail {
        background-position: calc(100% - 13px) center; }
      .alert-page .alert-content .more-action-menu .alert-more-action.goto {
        background-position: calc(100% - 13px) center; } }

.more-page .more-item {
  height: 38px;
  display: block;
  line-height: 38px;
  padding-left: 50px;
  border-bottom: 1px solid #4e5658; }
  .more-page .more-item.indication-pricer {
    background: url("../images/icons/tab3-2.png") no-repeat 12px;
    background-color: #111719; }
  .more-page .more-item.transaction-request {
    background: url("../images/icons/tab5-1.png") no-repeat 12px;
    background-color: #111719; }
  .more-page .more-item.open-order {
    background: url("../images/icons/open_order.png") no-repeat 12px;
    background-color: #111719; }
  .more-page .more-item.cash-flow {
    background: url("../images/icons/tab6-3.png") no-repeat 12px;
    background-color: #111719; }
  .more-page .more-item.contact {
    background: url("../images/icons/contact.png") no-repeat 12px;
    background-color: #111719; }

.password-view {
  float: left;
  padding: 5px 10px 12px 12px;
  margin: 0;
  background: rgba(0, 0, 0, 0.85);
  list-style: none;
  border: 1px solid #6D7172;
  overflow-y: auto;
  overflow-x: hidden;
  outline: 0;
  text-align: right;
  z-index: 100; }
  .password-view:focus {
    box-shadow: none;
    outline: 0; }
  .password-view > .label {
    text-align: center;
    margin: 20px 0 10px;
    font-size: 14px; }
  .password-view input {
    width: 190px;
    height: 30px;
    margin: 17px auto 0 auto; }
  .password-view .error2fa, .password-view .error2faps, .password-view .errorps, .password-view .error {
    color: #f50926;
    margin-top: 10px;
    font-size: 14px;
    text-align: left; }
  .password-view .close-button {
    border: 1px solid #6D7172;
    padding: 0 3px 0 3px; }
  .password-view .login-page {
    padding: 10px;
    border: none; }
  .password-view .save-button {
    display: block;
    padding: 7px 0;
    margin: 20px auto 0 auto;
    width: 190px;
    height: 31px;
    text-align: center;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #0076FA;
    border-radius: 2px; }
    html.with-hovers .password-view .save-button:hover {
      background: #3293fa; }
    .password-view .save-button:active, .password-view .save-button.active,
    html.with-hovers .password-view .save-button:active, html.with-hovers .password-view .save-button.active {
      background: #64acfa; }

.horizontal-exchange-rate .wrapper,
.horizontal-exchange-rate .average-wrapper {
  height: 50px;
  margin: 12px 0 0;
  background: #273234;
  width: 100%;
  display: table; }
  .horizontal-exchange-rate .wrapper .currency,
  .horizontal-exchange-rate .average-wrapper .currency {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 12%;
    color: #1EAAD8; }
  .horizontal-exchange-rate .wrapper .rate,
  .horizontal-exchange-rate .average-wrapper .rate {
    display: table-cell;
    vertical-align: middle;
    padding: 8px 0;
    width: 43%;
    background: #2e3b3d; }
  .horizontal-exchange-rate .wrapper .buy,
  .horizontal-exchange-rate .wrapper .sell,
  .horizontal-exchange-rate .average-wrapper .buy,
  .horizontal-exchange-rate .average-wrapper .sell {
    width: 48%;
    display: inline-block;
    text-align: center;
    margin: 0; }
    .horizontal-exchange-rate .wrapper .buy .title,
    .horizontal-exchange-rate .wrapper .sell .title,
    .horizontal-exchange-rate .average-wrapper .buy .title,
    .horizontal-exchange-rate .average-wrapper .sell .title {
      margin-right: 4px; }
  .horizontal-exchange-rate .wrapper .sell,
  .horizontal-exchange-rate .average-wrapper .sell {
    position: relative;
    border-right: 1px solid #556C72; }
  .horizontal-exchange-rate .wrapper .price,
  .horizontal-exchange-rate .average-wrapper .price {
    color: #fff;
    font-size: 23px; }
    .horizontal-exchange-rate .wrapper .price b,
    .horizontal-exchange-rate .average-wrapper .price b {
      font-size: 30px;
      font-weight: bold; }
    .horizontal-exchange-rate .wrapper .price.positive,
    .horizontal-exchange-rate .average-wrapper .price.positive {
      color: #00AC4D; }
    .horizontal-exchange-rate .wrapper .price.negative,
    .horizontal-exchange-rate .average-wrapper .price.negative {
      color: #FF2424; }

.horizontal-exchange-rate .average-wrapper .currency {
  width: 10%; }

.horizontal-exchange-rate .average-wrapper .rate {
  width: 37%; }

.horizontal-exchange-rate .average-wrapper .buy {
  border-right: 1px solid #556C72; }

.horizontal-exchange-rate .average-wrapper .average_exchange_rate {
  background-color: #2e3b3d;
  display: table-cell;
  height: 53px;
  padding-top: 5px;
  float: right; }
  .horizontal-exchange-rate .average-wrapper .average_exchange_rate:before {
    display: table;
    content: ''; }
  .horizontal-exchange-rate .average-wrapper .average_exchange_rate:after {
    display: table;
    content: '';
    clear: both; }

.horizontal-exchange-rate .average-wrapper .item-wrapper {
  border-right: 1px solid #556C72;
  float: left; }
  .horizontal-exchange-rate .average-wrapper .item-wrapper:before {
    display: table;
    content: ''; }
  .horizontal-exchange-rate .average-wrapper .item-wrapper:after {
    display: table;
    content: '';
    clear: both; }
  .horizontal-exchange-rate .average-wrapper .item-wrapper .item {
    border-right: none; }

.horizontal-exchange-rate .average-wrapper .item {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #556C72; }
  .horizontal-exchange-rate .average-wrapper .item.last {
    border-right: none; }

.horizontal-exchange-rate .average-wrapper .average-title {
  font-size: 14px; }

.horizontal-exchange-rate .average-wrapper .value {
  color: #1EAAD8;
  display: block;
  text-align: center; }

@media screen and (max-width: 767px) {
  .horizontal-exchange-rate .wrapper {
    height: 42px;
    line-height: 42px; }
    .horizontal-exchange-rate .wrapper .currency {
      width: 25%;
      line-height: 40px;
      height: 40px; }
    .horizontal-exchange-rate .wrapper .rate {
      line-height: 19px; }
    .horizontal-exchange-rate .wrapper .buy,
    .horizontal-exchange-rate .wrapper .sell {
      width: 100%; }
      .horizontal-exchange-rate .wrapper .buy .title,
      .horizontal-exchange-rate .wrapper .sell .title {
        font-size: 13px; }
    .horizontal-exchange-rate .wrapper .price {
      font-size: 13px; }
      .horizontal-exchange-rate .wrapper .price b {
        font-size: 18px; }
  .horizontal-exchange-rate .average-wrapper .buy,
  .horizontal-exchange-rate .average-wrapper .sell {
    width: 100%; }
  .average-wrapper .currency {
    width: 10%; }
  .average-wrapper .rate {
    width: 37%; }
  .average-wrapper .buy,
  .average-wrapper .sell {
    width: 100%;
    border-right: 1px solid #556C72; }
  .average-wrapper .average_exchange_rate {
    background-color: #2e3b3d;
    display: table-cell;
    vertical-align: middle; }
    .average-wrapper .average_exchange_rate .buy,
    .average-wrapper .average_exchange_rate .sell {
      width: 100%; }
      .average-wrapper .average_exchange_rate .buy .title,
      .average-wrapper .average_exchange_rate .sell .title {
        font-size: 13px; }
    .average-wrapper .average_exchange_rate:before {
      display: table;
      content: ''; }
    .average-wrapper .average_exchange_rate:after {
      display: table;
      content: '';
      clear: both; }
  .average-wrapper .item-wrapper {
    border-right: 1px solid #556C72;
    float: left; }
    .average-wrapper .item-wrapper:before {
      display: table;
      content: ''; }
    .average-wrapper .item-wrapper:after {
      display: table;
      content: '';
      clear: both; }
    .average-wrapper .item-wrapper .item {
      border-right: none; }
  .average-wrapper .item {
    float: left;
    padding: 0 10px;
    border-right: 1px solid #556C72; }
    .average-wrapper .item.last {
      border-right: none; }
  .average-wrapper .average-title {
    font-size: 14px; }
  .average-wrapper .value {
    color: #1EAAD8;
    display: block;
    text-align: center; } }

.contact-view {
  position: relative;
  padding: 22px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #808485;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 340px;
  max-width: 90%;
  /* for iPhone */
  max-height: 90%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10002;
  cursor: default;
  color: #fff;
  line-height: 38px; }
  html.rtl .contact-view {
    direction: rtl; }
  .contact-view > .close {
    position: absolute;
    cursor: pointer;
    width: 24px;
    height: 24px;
    right: 22px;
    top: 22px;
    z-index: 2;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #008DBF;
    text-align: center;
    color: #008DBF; }
    .contact-view > .close:before {
      display: block;
      content: "X";
      font-size: 13px;
      line-height: 26px; }
    .contact-view > .close:active, .contact-view > .close.active,
    html.with-hovers .contact-view > .close:hover {
      color: #fff;
      border-color: #fff; }
  .contact-view > .title {
    font-size: 17px;
    margin: 0 40px 16px;
    color: #1EAAD8; }
  .contact-view .subtitle {
    color: #1EAAD8;
    margin-left: 40px; }
  .contact-view .email {
    background: url("../images/icons/icon_email_contact.png") no-repeat 0 center;
    margin-left: 40px; }
  .contact-view .phone {
    background: url("../images/icons/icon_phone_contact.png") no-repeat 0 center;
    margin-left: 40px; }
  .contact-view .value {
    padding-left: 40px;
    margin-left: 19px;
    text-decoration: none;
    color: #fff; }
  .contact-view a:focus {
    outline: 0;
    box-shadow: none; }
  .contact-view hr {
    border: 0;
    height: 1px;
    background: #dcdcdc;
    opacity: 0.4;
    margin: 20px 0 20px 0; }

@media screen and (max-width: 767px) {
  .contact-view {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    max-width: 100%;
    /* for iPhone */
    max-height: 100%; }
    .contact-view .contact-data {
      border: 1px solid #54595A;
      border-radius: 13px;
      padding: 10px 0; }
    .contact-view .subtitle {
      margin-left: 14px; }
    .contact-view .email {
      background: #000000 url("../images/icons/icon_email_contact.png") no-repeat 9px center;
      margin: 17px 14px 10px 14px;
      border: 1px solid #818485;
      border-radius: 13px; }
      .contact-view .email:before {
        content: "|";
        margin-left: 36px;
        color: #34aadc; }
    .contact-view .phone {
      background: #000000 url("../images/icons/icon_phone_contact.png") no-repeat 9px center;
      margin: 9px 14px 10px 14px;
      border: 1px solid #818485;
      border-radius: 13px; }
      .contact-view .phone:before {
        content: "|";
        margin-left: 36px;
        color: #34aadc; }
    .contact-view .value {
      padding-left: 10px;
      margin-left: 0;
      text-decoration: none;
      color: #fff;
      font-size: 14px; }
    .contact-view hr {
      margin: 19px 0; } }

.leg-view {
  display: table;
  width: 100%;
  height: 50px;
  margin: 0 0 12px;
  padding: 6px 30px 20px;
  background: #273234;
  box-sizing: border-box; }
  .leg-view.first {
    border-top: 1px solid #23AAD7;
    margin-top: 30px; }
  .leg-view.last {
    border-bottom: 1px solid #23AAD7; }
  .leg-view label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 90px; }
  .leg-view input,
  .leg-view select,
  .leg-view span.dropdown-box {
    display: inline-block;
    width: 150px; }
  .leg-view .strip-row {
    display: inline-block;
    margin: 20px 0 10px; }
  .leg-view .strip-item-forward {
    display: inline-block;
    width: 284px;
    margin-left: 20px; }
    .leg-view .strip-item-forward label {
      width: 110px; }
    .leg-view .strip-item-forward.amount {
      width: 340px; }
      .leg-view .strip-item-forward.amount input {
        margin-right: 20px; }
  .leg-view .strip-item-risk-reversal {
    display: inline-block;
    width: 360px;
    margin-left: 20px; }
    .leg-view .strip-item-risk-reversal label {
      width: 200px; }
    .leg-view .strip-item-risk-reversal.amount {
      width: 420px; }
      .leg-view .strip-item-risk-reversal.amount input {
        margin-right: 24px; }
    .leg-view .strip-item-risk-reversal.delivery label {
      width: 130px; }
    .leg-view .strip-item-risk-reversal.strike {
      width: 370px; }
      .leg-view .strip-item-risk-reversal.strike label {
        width: 80px; }
      .leg-view .strip-item-risk-reversal.strike input {
        width: 120px;
        margin-left: 11px; }
    .leg-view .strip-item-risk-reversal.premium {
      width: 600px; }
      .leg-view .strip-item-risk-reversal.premium label {
        width: 379px; }
      .leg-view .strip-item-risk-reversal.premium input {
        margin-right: 10px; }
  .leg-view .strip-item-swap {
    display: inline-block;
    width: 360px;
    margin-left: 20px; }
    .leg-view .strip-item-swap label {
      width: 200px; }
    .leg-view .strip-item-swap.amount {
      width: 420px; }
      .leg-view .strip-item-swap.amount input {
        margin-right: 20px; }
  .leg-view .invalid-field {
    border: 1px solid #ff0000; }
  .leg-view .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
    .leg-view .date-trigger.hide {
      display: none; }
  .leg-view .field-wrapper {
    display: inline-block;
    width: 90%; }
  .leg-view .action-wrapper {
    display: inline-block;
    width: 9%;
    vertical-align: top;
    margin-top: 22px; }
  .leg-view .remove {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #008DBF;
    text-align: center;
    color: #008DBF; }
    .leg-view .remove:before {
      display: inline-block;
      content: "X";
      font-size: 13px;
      line-height: 13px; }
    .leg-view .remove:active, .leg-view .remove.active,
    html.with-hovers .leg-view .remove:hover {
      color: #fff;
      border-color: #fff; }
  .leg-view .add {
    float: left;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    margin-right: 3px;
    cursor: pointer;
    background-image: url("../images/icons/button_plus.png");
    background-position: 3px center; }

@media screen and (max-width: 767px) {
  .leg-view {
    padding-left: 0px; }
    .leg-view .field-wrapper {
      width: 66%; }
    .leg-view .action-wrapper {
      width: 15%; }
    .leg-view .remove {
      margin-left: 1px; }
    .leg-view .strip-item-forward label {
      width: 90px; }
    .leg-view .strip-item-forward.amount {
      margin-top: 10px; }
    .leg-view .strip-item-risk-reversal.premium {
      width: 100%; }
      .leg-view .strip-item-risk-reversal.premium label {
        width: 126px; }
      .leg-view .strip-item-risk-reversal.premium input {
        margin-right: 10px; }
    .leg-view .strip-item-risk-reversal label {
      width: 126px; }
    .leg-view .strip-item-risk-reversal.strike input {
      width: 120px;
      margin-left: 0px; }
    .leg-view input,
    .leg-view select,
    .leg-view span.dropdown-box {
      width: 118px; } }

.open_deposit_page .tab {
  height: 38px;
  -webkit-text-select: none;
  -ms-text-select: none;
  -moz-text-select: none;
  -o-text-select: none;
  text-select: none; }
  .open_deposit_page .tab ul {
    list-style: none none;
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: 100%; }
  .open_deposit_page .tab li {
    float: left;
    width: 150px;
    height: 100%;
    padding: 0;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    text-indent: 60px;
    border-top: 1px solid #4e5658;
    border-right: 1px solid #4e5658;
    border-left: 1px solid #4e5658; }
    .open_deposit_page .tab li > a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #fff;
      position: relative;
      background-position: left 22px center;
      background-repeat: no-repeat;
      line-height: 38px; }
      .open_deposit_page .tab li > a.action-banks {
        background-image: url("../images/icons/tab6-4.png"); }
        .open_deposit_page .tab li > a.action-banks.active {
          background-image: url("../images/icons/tab6-4_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .open_deposit_page .tab li > a.action-cashflow {
        background-image: url("../images/icons/tab6-3.png"); }
        .open_deposit_page .tab li > a.action-cashflow.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
  .open_deposit_page .tab hr {
    background: #343C3D;
    border-left: 1px solid #4e5658;
    height: 6px;
    margin-top: 1px;
    width: calc(100% - 4px); }

.open_deposit_page .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
  margin: 17px 0 17px; }
  .open_deposit_page .page-content.notop {
    margin: 0 0 17px; }
  .open_deposit_page .page-content .middle {
    margin: 0 auto;
    width: 65.5%; }

.open_deposit_page .comm {
  width: 100%; }

.open_deposit_page #summary-table td span {
  display: block;
  text-align: center;
  margin: 0 auto; }

.open_deposit_page .edit {
  background: transparent url("../images/icons/tab3_pressed@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px; }
  .open_deposit_page .edit:hover {
    background: transparent url("../images/icons/tab3@2x.png") no-repeat 0 center; }

.open_deposit_page .clone {
  background: transparent url("../images/icons/tab6-3_pressed@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px; }
  .open_deposit_page .clone:hover {
    background: transparent url("../images/icons/tab6-3@2x.png") no-repeat 0 center; }

.open_deposit_page .delete {
  background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px; }
  .open_deposit_page .delete:hover {
    background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }

.open_deposit_page .comments {
  background: transparent url("../images/icons/contact_pressed@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px; }
  .open_deposit_page .comments:hover {
    background: transparent url("../images/icons/contact@2x.png") no-repeat 0 center; }

.open_deposit_page .actions.action-button {
  display: inline-block;
  width: 100%; }

.open_deposit_page table.report-fields {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0; }
  .open_deposit_page table.report-fields.short td:last-child {
    width: 403px; }
  .open_deposit_page table.report-fields td {
    padding: 12px 0 12px 24px;
    width: 152px; }
    .open_deposit_page table.report-fields td.smaller {
      width: 182px; }
    .open_deposit_page table.report-fields td:first-child {
      width: 152px; }
      .open_deposit_page table.report-fields td:first-child.smaller {
        width: 90px; }
  .open_deposit_page table.report-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .open_deposit_page table.report-fields input:not([type]),
  .open_deposit_page table.report-fields input[type=text],
  .open_deposit_page table.report-fields input[type=number],
  .open_deposit_page table.report-fields select,
  .open_deposit_page table.report-fields span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
    .open_deposit_page table.report-fields input:not([type]).comm,
    .open_deposit_page table.report-fields input[type=text].comm,
    .open_deposit_page table.report-fields input[type=number].comm,
    .open_deposit_page table.report-fields select.comm,
    .open_deposit_page table.report-fields span.dropdown-box.comm {
      width: 100%; }
  .open_deposit_page table.report-fields label.p25,
  .open_deposit_page table.report-fields span.p25,
  .open_deposit_page table.report-fields input:not([type]).p25 {
    width: 55px; }
  .open_deposit_page table.report-fields label.p50,
  .open_deposit_page table.report-fields span.p50,
  .open_deposit_page table.report-fields input:not([type]).p50 {
    width: 111px; }
  .open_deposit_page table.report-fields label.p75,
  .open_deposit_page table.report-fields span.p75,
  .open_deposit_page table.report-fields input:not([type]).p75 {
    width: 167px; }
  .open_deposit_page table.report-fields label.p100,
  .open_deposit_page table.report-fields span.p100,
  .open_deposit_page table.report-fields input:not([type]).p100 {
    width: 222px; }
  .open_deposit_page table.report-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }

.open_deposit_page > h1 {
  float: left; }

.open_deposit_page .page-settings {
  padding: 20px 30px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px; }
  .open_deposit_page .page-settings .action-button-blue.centered, .open_deposit_page .page-settings .login-page .centered.action-button, .login-page .open_deposit_page .page-settings .centered.action-button, .open_deposit_page .page-settings .reset-page .centered.action-button, .reset-page .open_deposit_page .page-settings .centered.action-button {
    position: absolute;
    right: 10%;
    top: 450px;
    margin: -22px 0 0; }
  .open_deposit_page .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .open_deposit_page .page-settings input:not([type]),
  .open_deposit_page .page-settings input[type=text],
  .open_deposit_page .page-settings input[type=number],
  .open_deposit_page .page-settings select,
  .open_deposit_page .page-settings span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
  .open_deposit_page .page-settings table {
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .open_deposit_page .page-settings table tbody {
      display: table-cell;
      vertical-align: top;
      padding-left: 10px;
      padding-right: 30px; }
    .open_deposit_page .page-settings table td,
    .open_deposit_page .page-settings table th {
      width: 152px;
      line-height: 28px; }
    .open_deposit_page .page-settings table tr:first-child td,
    .open_deposit_page .page-settings table tr:first-child th {
      padding-top: 0; }
    .open_deposit_page .page-settings table .report-fields {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      margin: 0;
      padding: 0;
      border: 0; }
      .open_deposit_page .page-settings table .report-fields.short td:last-child {
        width: 403px; }
      .open_deposit_page .page-settings table .report-fields td {
        padding: 12px 0 12px 24px;
        width: 152px; }
        .open_deposit_page .page-settings table .report-fields td .full {
          width: 100%; }
        .open_deposit_page .page-settings table .report-fields td.smaller {
          width: 182px; }
        .open_deposit_page .page-settings table .report-fields td:first-child {
          width: 152px; }
          .open_deposit_page .page-settings table .report-fields td:first-child.smaller {
            width: 90px; }
      .open_deposit_page .page-settings table .report-fields label {
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box; }
      .open_deposit_page .page-settings table .report-fields input:not([type]),
      .open_deposit_page .page-settings table .report-fields input[type=text],
      .open_deposit_page .page-settings table .report-fields input[type=number],
      .open_deposit_page .page-settings table .report-fields select,
      .open_deposit_page .page-settings table .report-fields span.dropdown-box {
        display: inline-block;
        box-sizing: border-box;
        width: 222px;
        height: 30px; }
      .open_deposit_page .page-settings table .report-fields label.p25,
      .open_deposit_page .page-settings table .report-fields span.p25,
      .open_deposit_page .page-settings table .report-fields input:not([type]).p25 {
        width: 55px; }
      .open_deposit_page .page-settings table .report-fields label.p50,
      .open_deposit_page .page-settings table .report-fields span.p50,
      .open_deposit_page .page-settings table .report-fields input:not([type]).p50 {
        width: 111px; }
      .open_deposit_page .page-settings table .report-fields label.p75,
      .open_deposit_page .page-settings table .report-fields span.p75,
      .open_deposit_page .page-settings table .report-fields input:not([type]).p75 {
        width: 167px; }
      .open_deposit_page .page-settings table .report-fields label.p100,
      .open_deposit_page .page-settings table .report-fields span.p100,
      .open_deposit_page .page-settings table .report-fields input:not([type]).p100 {
        width: 222px; }
      .open_deposit_page .page-settings table .report-fields .date-trigger {
        background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
        height: 30px;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 0 -22px;
        width: 22px;
        outline: 0;
        box-shadow: none; }
  .open_deposit_page .page-settings > div {
    margin: 12px 0 0 167px; }

.open_deposit_page .action-button-blue.centered, .open_deposit_page .login-page .centered.action-button, .login-page .open_deposit_page .centered.action-button, .open_deposit_page .reset-page .centered.action-button, .reset-page .open_deposit_page .centered.action-button {
  position: absolute;
  right: 30px;
  top: 50%;
  margin: -22px 0 0; }

.open_deposit_page table.standard-scrollable {
  margin: 27px 0 0; }
  .open_deposit_page table.standard-scrollable > tbody > tr > td:first-child {
    background: #161D23; }
  .open_deposit_page table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
    background: #0B151A; }
  .open_deposit_page table.standard-scrollable > tbody > tr a {
    color: #2ab7af;
    text-decoration: none; }
  .open_deposit_page table.standard-scrollable .warning {
    color: #FF2232; }

.open_deposit_page .hedging-table {
  overflow-x: scroll; }

@media screen and (max-width: 767px) {
  .open_deposit_page .page-settings {
    padding: 6px 12px 7px; }
    .open_deposit_page .page-settings input:not([type]),
    .open_deposit_page .page-settings input[type=text],
    .open_deposit_page .page-settings input[type=number],
    .open_deposit_page .page-settings select,
    .open_deposit_page .page-settings span.dropdown-box {
      width: 100%; }
    .open_deposit_page .page-settings span.label {
      display: block; }
    .open_deposit_page .page-settings select,
    .open_deposit_page .page-settings .dropdown-box {
      line-height: 23px; }
    .open_deposit_page .page-settings table {
      width: 100%; }
      .open_deposit_page .page-settings table tbody {
        display: table-row-group; }
      .open_deposit_page .page-settings table td {
        display: block;
        width: 100%;
        padding: 0;
        box-sizing: border-box; }
      .open_deposit_page .page-settings table .report-fields {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0;
        padding: 0;
        border: 0; }
        .open_deposit_page .page-settings table .report-fields.short td:last-child {
          width: 403px; }
        .open_deposit_page .page-settings table .report-fields td {
          padding: 12px 0 12px 24px;
          width: 152px; }
          .open_deposit_page .page-settings table .report-fields td.smaller {
            width: 182px; }
          .open_deposit_page .page-settings table .report-fields td:first-child {
            width: 152px; }
            .open_deposit_page .page-settings table .report-fields td:first-child.smaller {
              width: 90px; }
        .open_deposit_page .page-settings table .report-fields label {
          display: inline-block;
          vertical-align: middle;
          box-sizing: border-box; }
        .open_deposit_page .page-settings table .report-fields input:not([type]),
        .open_deposit_page .page-settings table .report-fields input[type=text],
        .open_deposit_page .page-settings table .report-fields input[type=number],
        .open_deposit_page .page-settings table .report-fields select,
        .open_deposit_page .page-settings table .report-fields span.dropdown-box {
          display: inline-block;
          box-sizing: border-box;
          width: 222px;
          height: 30px; }
        .open_deposit_page .page-settings table .report-fields label.p25,
        .open_deposit_page .page-settings table .report-fields span.p25,
        .open_deposit_page .page-settings table .report-fields input:not([type]).p25 {
          width: 55px; }
        .open_deposit_page .page-settings table .report-fields label.p50,
        .open_deposit_page .page-settings table .report-fields span.p50,
        .open_deposit_page .page-settings table .report-fields input:not([type]).p50 {
          width: 111px; }
        .open_deposit_page .page-settings table .report-fields label.p75,
        .open_deposit_page .page-settings table .report-fields span.p75,
        .open_deposit_page .page-settings table .report-fields input:not([type]).p75 {
          width: 167px; }
        .open_deposit_page .page-settings table .report-fields label.p100,
        .open_deposit_page .page-settings table .report-fields span.p100,
        .open_deposit_page .page-settings table .report-fields input:not([type]).p100 {
          width: 222px; }
        .open_deposit_page .page-settings table .report-fields .date-trigger {
          background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
          height: 30px;
          display: inline-block;
          vertical-align: top;
          margin: 0 0 0 -22px;
          width: 22px;
          outline: 0;
          box-shadow: none; }
  .open_deposit_page table.standard-scrollable {
    margin: 12px 0 0;
    display: block !important;
    width: auto; }
    .open_deposit_page table.standard-scrollable > thead {
      display: none; }
    .open_deposit_page table.standard-scrollable > tbody {
      display: block;
      height: auto;
      overflow: visible; }
      .open_deposit_page table.standard-scrollable > tbody > tr,
      .open_deposit_page table.standard-scrollable > tbody > tr:nth-child(even) {
        position: relative;
        display: block;
        width: auto;
        padding: 6px 12px 6px 12px; }
        .open_deposit_page table.standard-scrollable > tbody > tr > td,
        .open_deposit_page table.standard-scrollable > tbody > tr:nth-child(even) > td {
          display: block;
          width: auto;
          border-right: 0;
          padding: 0;
          text-align: left; }
          .open_deposit_page table.standard-scrollable > tbody > tr > td:first-child,
          .open_deposit_page table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
            background: none; }
          .open_deposit_page table.standard-scrollable > tbody > tr > td > span.header,
          .open_deposit_page table.standard-scrollable > tbody > tr:nth-child(even) > td > span.header {
            float: left;
            width: 70%;
            box-sizing: border-box;
            font-size: 12px;
            padding-right: 12px;
            padding-left: 12px; }
          .open_deposit_page table.standard-scrollable > tbody > tr > td > span.value,
          .open_deposit_page table.standard-scrollable > tbody > tr:nth-child(even) > td > span.value {
            float: left;
            width: 30%;
            box-sizing: border-box;
            font-size: 12px; }
          .open_deposit_page table.standard-scrollable > tbody > tr > td:after,
          .open_deposit_page table.standard-scrollable > tbody > tr:nth-child(even) > td:after {
            content: "";
            clear: both;
            display: block; }
        .open_deposit_page table.standard-scrollable > tbody > tr:last-child,
        .open_deposit_page table.standard-scrollable > tbody > tr:nth-child(even):last-child {
          border-bottom: 0; } }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.rotateimg180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.page-actions .action.sorting.exercisingsorting {
  width: 150px; }

.summary-popup {
  position: relative;
  padding: 22px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #808485;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 600px;
  max-width: 90%;
  /* for iPhone */
  max-height: 90%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10002;
  cursor: default;
  color: #fff; }
  html.rtl .summary-popup {
    direction: rtl; }
  .summary-popup > .close {
    position: absolute;
    cursor: pointer;
    width: 24px;
    height: 24px;
    right: 22px;
    top: 22px;
    z-index: 2;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #008dbf;
    text-align: center;
    color: #008dbf; }
    .summary-popup > .close:before {
      display: inline-block;
      content: "X";
      font-size: 13px;
      line-height: 13px; }
    .summary-popup > .close:active, .summary-popup > .close.active,
    html.with-hovers .summary-popup > .close:hover {
      color: #fff;
      border-color: #fff; }
  .summary-popup > .title {
    font-size: 17px;
    margin: 0 0 22px;
    color: #1eaad8; }

table.standard-scrollable {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
  table.standard-scrollable.horizontal-scroll {
    overflow-x: scroll; }
  table.standard-scrollable > thead {
    background: #384448; }
    table.standard-scrollable > thead > tr {
      position: relative;
      border-bottom: 1px solid #666c6f; }
      table.standard-scrollable > thead > tr > th {
        width: 165px;
        border: 0;
        border-right: 1px solid transparent;
        font-weight: normal;
        padding: 11px 6px;
        text-align: center;
        font-size: 17px;
        line-height: 19px; }
      table.standard-scrollable > thead > tr > th.action {
        width: 20px; }
  table.standard-scrollable > tbody {
    width: 100%;
    background: #1b252c;
    /* switch on native scrolling for touch devices */ }
    table.standard-scrollable > tbody > tr {
      position: relative;
      background: #1b252c;
      border-bottom: 1px solid #666c6f; }
      table.standard-scrollable > tbody > tr > td {
        width: 165px;
        font-size: 15px;
        line-height: 17px;
        padding: 11px 6px;
        text-align: center;
        border: 0;
        border-right: 1px solid #666c6f; }
        table.standard-scrollable > tbody > tr > td:last-child {
          border-right: transparent; }
      table.standard-scrollable > tbody > tr > td.action {
        width: 20px; }
      table.standard-scrollable > tbody > tr:nth-child(even) {
        background: #0b171d; }
  table.standard-scrollable th.bold {
    color: #23aad7; }
  table.standard-scrollable tr.summary {
    color: #0099c3;
    border-color: #0099c3; }
  table.standard-scrollable tr.standard {
    background: #1b252c; }
    table.standard-scrollable tr.standard:nth-child(even) {
      background: #1b252c; }
  table.standard-scrollable tr.bold {
    background: #0b171d; }
    table.standard-scrollable tr.bold:nth-child(even) {
      background: #0b171d; }
  table.standard-scrollable tr.blue-style {
    background: #0b171d; }
    table.standard-scrollable tr.blue-style:nth-child(even) {
      background: #080f15; }
    table.standard-scrollable tr.blue-style.clickable td:first-child {
      background: url("../images/icons/white_arrow.png") no-repeat scroll 32px center transparent;
      padding-left: 47px; }
    table.standard-scrollable tr.blue-style.clickable:hover {
      color: #1e5d79;
      border-bottom: 1px solid #1e5d79; }
      table.standard-scrollable tr.blue-style.clickable:hover td:first-child {
        background-image: url("../images/icons/blue_arrow.png"); }
    table.standard-scrollable tr.blue-style.clickable.highlight {
      color: #fa6922; }
      table.standard-scrollable tr.blue-style.clickable.highlight td:first-child {
        background-image: url("../images/icons/orange_arrow.png"); }
      table.standard-scrollable tr.blue-style.clickable.highlight:hover {
        color: #f48c10;
        border-bottom: 1px solid #666c6f; }
        table.standard-scrollable tr.blue-style.clickable.highlight:hover td:first-child {
          background-image: url("../images/icons/highlight_orange_arrow.png"); }
    table.standard-scrollable tr.blue-style.clickable.expired td:first-child {
      background: url("../images/icons/expired.png") no-repeat 10px center, url("../images/icons/white_arrow.png") no-repeat scroll 32px center transparent;
      padding-left: 47px; }
    table.standard-scrollable tr.blue-style.disabled {
      color: #595757; }
  table.standard-scrollable td.merge-top {
    border-top: 1px solid transparent; }
  table.standard-scrollable td.merge-right {
    border-right: 1px solid transparent; }
  table.standard-scrollable td.bold {
    color: #23aad7; }
  table.standard-scrollable td.expired {
    color: #e90303; }
  table.standard-scrollable td.black-background {
    background: #0b151d; }

@media screen and (max-width: 767px) {
  html {
    min-height: 100%;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
 Helvetica, Arial, "Lucida Grande";
    min-width: 0;
    background: -moz-linear-gradient(top, #0e0e0e 0%, #223134 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0e0e0e), color-stop(100%, #223134));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0e0e0e 0%, #223134 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0e0e0e 0%, #223134 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0e0e0e 0%, #223134 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #0e0e0e 0%, #223134 100%);
    /* W3C */ }
  h1.modal-title {
    margin-top: 12px; }
  header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 43px;
    padding: 4px 0 4px; }
    header .logo {
      width: 256px;
      height: 43px;
      background: url("../images/logo_mobile.png") no-repeat 50% 50%; } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      header .logo {
        background: url("../images/logo_mobile@2x.png") no-repeat;
        background-size: 256px 43px; } }

@media screen and (max-width: 767px) {
  footer {
    display: none !important; }
  nav.main {
    position: fixed;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background: rgba(0, 0, 0, 0.6); }
    nav.main ul {
      width: 100%; }
    nav.main li {
      width: 20%;
      font-size: 11px;
      position: relative;
      margin-left: 0 !important; }
      nav.main li > a:before {
        height: 26px; }
      nav.main li.alert > a:before {
        background-image: url("../images/icons/alert.png"); } }
      @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
        nav.main li.alert > a:before {
          background-image: url("../images/icons/alert@2x.png");
          background-size: 21px 17px; } }

@media screen and (max-width: 767px) {
      html.with-hovers nav.main li.alert > a:hover,
      nav.main li.alert > a:active,
      nav.main li.alert > a.active,
      nav.main li.alert.selected > a {
        color: #0192c1; }
        html.with-hovers nav.main li.alert > a:hover:before,
        nav.main li.alert > a:active:before,
        nav.main li.alert > a.active:before,
        nav.main li.alert.selected > a:before {
          background-image: url("../images/icons/alert_pressed.png"); } }
        @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
          html.with-hovers nav.main li.alert > a:hover:before,
          nav.main li.alert > a:active:before,
          nav.main li.alert > a.active:before,
          nav.main li.alert.selected > a:before {
            background-image: url("../images/icons/alert_pressed@2x.png"); } }

@media screen and (max-width: 767px) {
      nav.main li .alert-number {
        display: none; }
      nav.main li.open-order {
        background-position: bottom; }
        nav.main li.open-order > a:before {
          background-image: url("../images/icons/tab5-2.png"); } }
        @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
          nav.main li.open-order > a:before {
            background-image: url("../images/icons/tab5-2@2x.png");
            background-size: 19px 23px; } }

@media screen and (max-width: 767px) {
        html.with-hovers nav.main li.open-order > a:hover,
        nav.main li.open-order > a:active,
        nav.main li.open-order > a.active,
        nav.main li.open-order.selected > a {
          color: #0192c1; }
          html.with-hovers nav.main li.open-order > a:hover:before,
          nav.main li.open-order > a:active:before,
          nav.main li.open-order > a.active:before,
          nav.main li.open-order.selected > a:before {
            background-image: url("../images/icons/tab5-2_pressed.png"); } }
          @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
            html.with-hovers nav.main li.open-order > a:hover:before,
            nav.main li.open-order > a:active:before,
            nav.main li.open-order > a.active:before,
            nav.main li.open-order.selected > a:before {
              background-image: url("../images/icons/tab5-2_pressed@2x.png"); } }

@media screen and (max-width: 767px) {
  nav.sub {
    display: none !important; }
  #main-pane {
    position: fixed;
    left: 0;
    right: 0;
    top: 52px;
    bottom: 60px;
    overflow: auto;
    min-width: 0;
    padding: 12px;
    /* switch on native scrolling for touch devices */
    -webkit-overflow-scrolling: touch; }
    html.no-nav #main-pane {
      bottom: 0; }
  .sm-content {
    max-width: 100%;
    margin-left: 0; }
  .bordered > .content, .exchange-rate-page .page-content > .content, .dashboard-page .page-content > .content, .indications-page .page-content > .content, .indication-pricer .page-content > .content, .transaction-request-page .page-content > .content, .transaction-request-summary-page .page-content > .content, .transaction-request-strip .page-content > .content, .report .page-content > .content, .trans-report .page-content > .content, .deposit .page-content > .content, .open_deposit_page .page-content > .content, .exposure-page .page-content > .content, .cashflowhedgeaccounting-page .page-content > .content, .contact-page .page-content > .content, .bankaccount-page .page-content > .content, .client-page .page-content > .content, .automaticbackbonelegcashflowidchooser-page .page-content > .content, .hedging-recommendation-page .page-content > .content {
    padding: 12px; }
  .action-button {
    display: block;
    width: auto;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .actions-area {
    padding: 12px; }
  .login-page {
    width: auto;
    padding: 34px; }
  .reset-page {
    width: auto;
    padding: 34px; }
  table.standard-scrollable {
    width: auto;
    display: block !important; } }

@media screen and (max-width: 767px) and (orientation: landscape) {
  header {
    height: 26px; }
    header .logo {
      width: 154px;
      height: 26px;
      background-size: 154px 26px; } }
    @media screen and (max-width: 767px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (orientation: landscape) and (min-resolution: 192dpi) {
      header .logo {
        background-size: 154px 26px; } }

@media screen and (max-width: 767px) and (orientation: landscape) {
  footer {
    display: none !important; }
  nav.main {
    height: 30px;
    margin-left: 0 !important; }
  nav.sub {
    display: none !important; }
  #main-pane {
    top: 35px;
    bottom: 30px; }
    html.no-nav #main-pane {
      bottom: 0; }
  .sm-content {
    max-width: 100%;
    margin-left: 0; } }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

.exposure-page .tab {
  height: 38px;
  -webkit-text-select: none;
  -ms-text-select: none;
  -moz-text-select: none;
  -o-text-select: none;
  text-select: none; }
  .exposure-page .tab ul {
    list-style: none none;
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: 100%; }
  .exposure-page .tab li {
    float: left;
    height: 100%;
    padding-right: 15px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    text-indent: 60px;
    border-top: 1px solid #4e5658;
    border-right: 1px solid #4e5658;
    border-left: 1px solid #4e5658; }
    .exposure-page .tab li > a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #fff;
      position: relative;
      background-position: left 22px center;
      background-repeat: no-repeat;
      line-height: 38px; }
      .exposure-page .tab li > a.action-budgetrate {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-4.png"); }
        .exposure-page .tab li > a.action-budgetrate.active {
          background-image: url("../images/icons/tab6-4_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .exposure-page .tab li > a.action-cashflow {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .exposure-page .tab li > a.action-cashflow.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .exposure-page .tab li > a.action-forward {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-4.png"); }
        .exposure-page .tab li > a.action-forward.active {
          background-image: url("../images/icons/tab6-4_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .exposure-page .tab li > a.action-cylinderzc {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .exposure-page .tab li > a.action-cylinderzc.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .exposure-page .tab li > a.action-cylinderlc {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .exposure-page .tab li > a.action-cylinderlc.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .exposure-page .tab li > a.action-vanillaoption {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .exposure-page .tab li > a.action-vanillaoption.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
  .exposure-page .tab hr {
    background: #343C3D;
    border-left: 1px solid #4e5658;
    height: 6px;
    margin-top: 1px;
    width: calc(100% - 4px); }

.exposure-page > h1 {
  float: left; }

.exposure-page > h3 {
  float: left;
  margin: 0 0.5em 0.5em 0; }

.exposure-page .pull-right {
  float: right; }

.exposure-page .page-settings {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .exposure-page .page-settings .action-container {
    width: 95px;
    margin: auto; }
  .exposure-page .page-settings .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px;
    float: right; }
    .exposure-page .page-settings .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .exposure-page .page-settings .edit {
    background: transparent url("../images/icons/icon_goto_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px;
    float: left; }
    .exposure-page .page-settings .edit:hover {
      background: transparent url("../images/icons/icon_goto@2x.png") no-repeat 0 center; }
  .exposure-page .page-settings .accept {
    background: transparent url("../images/icons/icon_v_gray@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px;
    float: left; }
  .exposure-page .page-settings .accept-active {
    background: transparent url("../images/icons/icon_v_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px;
    float: left; }
  .exposure-page .page-settings .reject {
    background: transparent url("../images/icons/icon_x_gray@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px;
    float: left; }
  .exposure-page .page-settings .reject-active {
    background: transparent url("../images/icons/icon_x_red@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px;
    float: left; }
  .exposure-page .page-settings .reject-inline {
    background: transparent url("../images/icons/icon_x_gray@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px;
    float: left;
    margin-top: -12px; }
  .exposure-page .page-settings .reject-inline-active {
    background: transparent url("../images/icons/icon_x_red@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px;
    float: left;
    margin-top: -12px; }
  .exposure-page .page-settings .execute {
    background: transparent url("../images/icons/tab5_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px;
    float: left; }
    .exposure-page .page-settings .execute:hover {
      background: transparent url("../images/icons/tab5@2x.png") no-repeat 0 center; }
  .exposure-page .page-settings > h4 {
    margin: 0; }
  .exposure-page .page-settings.notop {
    margin: 0 0 17px; }
  .exposure-page .page-settings.small-top {
    margin-top: 0.5em; }
  .exposure-page .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .exposure-page .page-settings div.label {
    margin: 10px 0; }
  .exposure-page .page-settings select:disabled,
  .exposure-page .page-settings input:disabled {
    background-color: #999999; }
  .exposure-page .page-settings select,
  .exposure-page .page-settings input,
  .exposure-page .page-settings .dropdown-box {
    width: 208px; }
  .exposure-page .page-settings label.pad-left {
    padding-left: 20px; }
  .exposure-page .page-settings table.horisontal-tbl > tbody > tr td.summary {
    color: #0099c3; }
  .exposure-page .page-settings table.standard-scrollable {
    margin: 27px 0 0; }
    .exposure-page .page-settings table.standard-scrollable td span {
      display: block;
      text-align: center;
      margin: 0 auto; }
    .exposure-page .page-settings table.standard-scrollable input.small {
      display: inline-block;
      width: 70px; }
      .exposure-page .page-settings table.standard-scrollable input.small.nounit {
        margin-right: 18px; }
    .exposure-page .page-settings table.standard-scrollable select.micro {
      display: inline-block;
      width: 63px; }
    .exposure-page .page-settings table.standard-scrollable input.mid {
      display: inline-block;
      width: 145px; }
      .exposure-page .page-settings table.standard-scrollable input.mid.nounit {
        margin-right: 18px; }
    .exposure-page .page-settings table.standard-scrollable span.dropdown-box.mid {
      display: inline-block;
      width: 145px; }
      .exposure-page .page-settings table.standard-scrollable span.dropdown-box.mid.nounit {
        margin-right: 18px; }
    .exposure-page .page-settings table.standard-scrollable select.mid {
      display: inline-block;
      width: 145px; }
      .exposure-page .page-settings table.standard-scrollable select.mid.nounit {
        margin-right: 18px; }
    .exposure-page .page-settings table.standard-scrollable > tbody > tr > td:first-child {
      background: #161D23; }
    .exposure-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
      background: #0B151A; }
    .exposure-page .page-settings table.standard-scrollable > tbody > tr a {
      color: #2ab7af;
      text-decoration: none; }
    .exposure-page .page-settings table.standard-scrollable .warning {
      color: #FF2232; }
  .exposure-page .page-settings .hedging-table {
    overflow-x: scroll; }
  .exposure-page .page-settings table.table-settings {
    width: 100%;
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .exposure-page .page-settings table.table-settings td,
    .exposure-page .page-settings table.table-settings th {
      width: 145px;
      padding: 12px 12px 0 0; }
    .exposure-page .page-settings table.table-settings tr:first-child td,
    .exposure-page .page-settings table.table-settings tr:first-child th {
      padding-top: 0; }
    .exposure-page .page-settings table.table-settings.small td, .exposure-page .page-settings table.table-settings.small th {
      width: 70px;
      padding: 12px 12px 0 0; }
  .exposure-page .page-settings.two-parted {
    padding: 0 30px 0 0; }
  .exposure-page .page-settings .labels-area {
    padding: 10px 0 10px 30px; }
    .exposure-page .page-settings .labels-area.main {
      float: left;
      width: 110px;
      background-color: rgba(25, 30, 33, 0.12);
      margin: 0 20px 0 0; }
  .exposure-page .page-settings .action-button-blue.centered, .exposure-page .page-settings .login-page .centered.action-button, .login-page .exposure-page .page-settings .centered.action-button, .exposure-page .page-settings .reset-page .centered.action-button, .reset-page .exposure-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 50%;
    margin: -22px 0 0; }
  .exposure-page .page-settings .action-button-green.centered, .exposure-page .page-settings .login-page .centered.action-button-transp, .login-page .exposure-page .page-settings .centered.action-button-transp, .exposure-page .page-settings .exchange-rate-calculator-page .centered.action-button, .exchange-rate-calculator-page .exposure-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 68%;
    margin: -22px 0 0; }
  .exposure-page .page-settings .action-button-blue.top, .exposure-page .page-settings .login-page .top.action-button, .login-page .exposure-page .page-settings .top.action-button, .exposure-page .page-settings .reset-page .top.action-button, .reset-page .exposure-page .page-settings .top.action-button {
    position: absolute;
    right: 30px;
    top: 50%;
    margin: -22px 0 0; }
  .exposure-page .page-settings .action-button-green.down, .exposure-page .page-settings .login-page .down.action-button-transp, .login-page .exposure-page .page-settings .down.action-button-transp, .exposure-page .page-settings .exchange-rate-calculator-page .down.action-button, .exchange-rate-calculator-page .exposure-page .page-settings .down.action-button {
    position: absolute;
    right: 30px;
    top: 68%;
    margin: -22px 0 0; }
  .exposure-page .page-settings .action-button-green.small-btn, .exposure-page .page-settings .login-page .small-btn.action-button-transp, .login-page .exposure-page .page-settings .small-btn.action-button-transp, .exposure-page .page-settings .exchange-rate-calculator-page .small-btn.action-button, .exchange-rate-calculator-page .exposure-page .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }
  .exposure-page .page-settings .action-button-blue.small-btn, .exposure-page .page-settings .login-page .small-btn.action-button, .login-page .exposure-page .page-settings .small-btn.action-button, .exposure-page .page-settings .reset-page .small-btn.action-button, .reset-page .exposure-page .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }

.exposure-page .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text; }

.exposure-page hr {
  background: #717777;
  margin: 12px 0; }

.exposure-page table.transaction-fields {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0; }
  .exposure-page table.transaction-fields td span {
    display: block;
    text-align: center;
    margin: 0 auto; }
  .exposure-page table.transaction-fields td {
    width: 222px;
    padding: 12px 0 12px 24px; }
    .exposure-page table.transaction-fields td.smaller {
      width: 182px; }
    .exposure-page table.transaction-fields td:first-child {
      width: 120px; }
      .exposure-page table.transaction-fields td:first-child.smaller {
        width: 90px; }
  .exposure-page table.transaction-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .exposure-page table.transaction-fields input + label,
  .exposure-page table.transaction-fields select + label {
    padding-left: 12px; }
  .exposure-page table.transaction-fields input:not([type]),
  .exposure-page table.transaction-fields input[type=text],
  .exposure-page table.transaction-fields input[type=number],
  .exposure-page table.transaction-fields select,
  .exposure-page table.transaction-fields span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
    .exposure-page table.transaction-fields input:not([type]).hide,
    .exposure-page table.transaction-fields input[type=text].hide,
    .exposure-page table.transaction-fields input[type=number].hide,
    .exposure-page table.transaction-fields select.hide,
    .exposure-page table.transaction-fields span.dropdown-box.hide {
      display: none; }
  .exposure-page table.transaction-fields label.p25,
  .exposure-page table.transaction-fields input:not([type]).p25,
  .exposure-page table.transaction-fields input[type=text].p25,
  .exposure-page table.transaction-fields input[type=number].p25,
  .exposure-page table.transaction-fields select.p25,
  .exposure-page table.transaction-fields span.dropdown-box.p25 {
    width: 55px; }
  .exposure-page table.transaction-fields label.p50,
  .exposure-page table.transaction-fields input:not([type]).p50,
  .exposure-page table.transaction-fields input[type=text].p50,
  .exposure-page table.transaction-fields input[type=number].p50,
  .exposure-page table.transaction-fields select.p50,
  .exposure-page table.transaction-fields span.dropdown-box.p50 {
    width: 111px; }
  .exposure-page table.transaction-fields label.p75,
  .exposure-page table.transaction-fields input:not([type]).p75,
  .exposure-page table.transaction-fields input[type=text].p75,
  .exposure-page table.transaction-fields input[type=number].p75,
  .exposure-page table.transaction-fields select.p75,
  .exposure-page table.transaction-fields span.dropdown-box.p75 {
    width: 167px; }
  .exposure-page table.transaction-fields label.p100,
  .exposure-page table.transaction-fields input:not([type]).p100,
  .exposure-page table.transaction-fields input[type=text].p100,
  .exposure-page table.transaction-fields input[type=number].p100,
  .exposure-page table.transaction-fields select.p100,
  .exposure-page table.transaction-fields span.dropdown-box.p100 {
    width: 222px; }
  .exposure-page table.transaction-fields td.smaller input:not([type]),
  .exposure-page table.transaction-fields td.smaller input[type=text],
  .exposure-page table.transaction-fields td.smaller input[type=number],
  .exposure-page table.transaction-fields td.smaller select,
  .exposure-page table.transaction-fields td.smaller span.dropdown-box {
    width: 182px; }
  .exposure-page table.transaction-fields td:first-child.smaller input:not([type]),
  .exposure-page table.transaction-fields td:first-child.smaller input[type=text],
  .exposure-page table.transaction-fields td:first-child.smaller input[type=number],
  .exposure-page table.transaction-fields td:first-child.smaller select,
  .exposure-page table.transaction-fields td:first-child.smaller span.dropdown-box {
    width: 90px; }
  .exposure-page table.transaction-fields .dropdown-box > .dropdown-box-label {
    line-height: 23px; }
  .exposure-page table.transaction-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
    .exposure-page table.transaction-fields .date-trigger.hide {
      display: none; }

.exposure-page .actions {
  margin: 12px 24px 0; }
  .exposure-page .actions .action-button[data-name=save-action] {
    float: right; }

.cashflowhedgeaccounting-page .tab {
  height: 38px;
  -webkit-text-select: none;
  -ms-text-select: none;
  -moz-text-select: none;
  -o-text-select: none;
  text-select: none; }
  .cashflowhedgeaccounting-page .tab ul {
    list-style: none none;
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: 100%; }
  .cashflowhedgeaccounting-page .tab li {
    float: left;
    height: 100%;
    padding-right: 15px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    text-indent: 60px;
    border-top: 1px solid #4e5658;
    border-right: 1px solid #4e5658;
    border-left: 1px solid #4e5658; }
    .cashflowhedgeaccounting-page .tab li > a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #fff;
      position: relative;
      background-position: left 22px center;
      background-repeat: no-repeat;
      line-height: 38px; }
      .cashflowhedgeaccounting-page .tab li > a.action-budgetrate {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-4.png"); }
        .cashflowhedgeaccounting-page .tab li > a.action-budgetrate.active {
          background-image: url("../images/icons/tab6-4_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .cashflowhedgeaccounting-page .tab li > a.action-cashflow {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .cashflowhedgeaccounting-page .tab li > a.action-cashflow.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .cashflowhedgeaccounting-page .tab li > a.action-forward {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-4.png"); }
        .cashflowhedgeaccounting-page .tab li > a.action-forward.active {
          background-image: url("../images/icons/tab6-4_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .cashflowhedgeaccounting-page .tab li > a.action-cylinderzc {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .cashflowhedgeaccounting-page .tab li > a.action-cylinderzc.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .cashflowhedgeaccounting-page .tab li > a.action-cylinderlc {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .cashflowhedgeaccounting-page .tab li > a.action-cylinderlc.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .cashflowhedgeaccounting-page .tab li > a.action-vanillaoption {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .cashflowhedgeaccounting-page .tab li > a.action-vanillaoption.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
  .cashflowhedgeaccounting-page .tab hr {
    background: #343C3D;
    border-left: 1px solid #4e5658;
    height: 6px;
    margin-top: 1px;
    width: calc(100% - 4px); }

.cashflowhedgeaccounting-page > h1 {
  float: left; }

.cashflowhedgeaccounting-page > h3 {
  float: left;
  margin: 0 0.5em 0.5em 0; }

.cashflowhedgeaccounting-page .pull-right {
  float: right; }

.cashflowhedgeaccounting-page .page-settings {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .cashflowhedgeaccounting-page .page-settings .high {
    height: 5px; }
  .cashflowhedgeaccounting-page .page-settings .edit {
    background: transparent url("../images/icons/icon_goto_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .cashflowhedgeaccounting-page .page-settings .edit:hover {
      background: transparent url("../images/icons/icon_goto@2x.png") no-repeat 0 center; }
  .cashflowhedgeaccounting-page .page-settings .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .cashflowhedgeaccounting-page .page-settings .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .cashflowhedgeaccounting-page .page-settings > h4 {
    margin: 0; }
  .cashflowhedgeaccounting-page .page-settings.notop {
    margin: 0 0 17px; }
  .cashflowhedgeaccounting-page .page-settings.small-top {
    margin-top: 0.5em; }
  .cashflowhedgeaccounting-page .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .cashflowhedgeaccounting-page .page-settings div.label {
    margin: 10px 0; }
  .cashflowhedgeaccounting-page .page-settings select:disabled,
  .cashflowhedgeaccounting-page .page-settings input:disabled {
    background-color: #999999; }
  .cashflowhedgeaccounting-page .page-settings select,
  .cashflowhedgeaccounting-page .page-settings input,
  .cashflowhedgeaccounting-page .page-settings .dropdown-box {
    width: 208px; }
  .cashflowhedgeaccounting-page .page-settings label.pad-left {
    padding-left: 20px; }
  .cashflowhedgeaccounting-page .page-settings table.horisontal-tbl > tbody > tr td.summary {
    color: #0099c3; }
  .cashflowhedgeaccounting-page .page-settings table.standard-scrollable {
    margin: 27px 0 0; }
    .cashflowhedgeaccounting-page .page-settings table.standard-scrollable td span {
      display: block;
      text-align: center;
      margin: 0 auto; }
    .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr > td:first-child {
      background: #161D23; }
    .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
      background: #0B151A; }
    .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr a {
      color: #2ab7af;
      text-decoration: none; }
    .cashflowhedgeaccounting-page .page-settings table.standard-scrollable .warning {
      color: #FF2232; }
  .cashflowhedgeaccounting-page .page-settings .hedging-table {
    overflow-x: scroll; }
  .cashflowhedgeaccounting-page .page-settings table.table-settings {
    width: 100%;
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .cashflowhedgeaccounting-page .page-settings table.table-settings td,
    .cashflowhedgeaccounting-page .page-settings table.table-settings th {
      width: 145px;
      padding: 12px 12px 0 0; }
    .cashflowhedgeaccounting-page .page-settings table.table-settings tr:first-child td,
    .cashflowhedgeaccounting-page .page-settings table.table-settings tr:first-child th {
      padding-top: 0; }
    .cashflowhedgeaccounting-page .page-settings table.table-settings.small td, .cashflowhedgeaccounting-page .page-settings table.table-settings.small th {
      width: 70px;
      padding: 12px 12px 0 0; }
  .cashflowhedgeaccounting-page .page-settings.two-parted {
    padding: 0 30px 0 0; }
  .cashflowhedgeaccounting-page .page-settings .labels-area {
    padding: 10px 0 10px 30px; }
    .cashflowhedgeaccounting-page .page-settings .labels-area.main {
      float: left;
      width: 110px;
      background-color: rgba(25, 30, 33, 0.12);
      margin: 0 20px 0 0; }
  .cashflowhedgeaccounting-page .page-settings .action-button-blue.centered, .cashflowhedgeaccounting-page .page-settings .login-page .centered.action-button, .login-page .cashflowhedgeaccounting-page .page-settings .centered.action-button, .cashflowhedgeaccounting-page .page-settings .reset-page .centered.action-button, .reset-page .cashflowhedgeaccounting-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 50%;
    margin: -22px 0 0; }
  .cashflowhedgeaccounting-page .page-settings .action-button-green.centered, .cashflowhedgeaccounting-page .page-settings .login-page .centered.action-button-transp, .login-page .cashflowhedgeaccounting-page .page-settings .centered.action-button-transp, .cashflowhedgeaccounting-page .page-settings .exchange-rate-calculator-page .centered.action-button, .exchange-rate-calculator-page .cashflowhedgeaccounting-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 68%;
    margin: -22px 0 0; }
  .cashflowhedgeaccounting-page .page-settings .action-button-green.small-btn, .cashflowhedgeaccounting-page .page-settings .login-page .small-btn.action-button-transp, .login-page .cashflowhedgeaccounting-page .page-settings .small-btn.action-button-transp, .cashflowhedgeaccounting-page .page-settings .exchange-rate-calculator-page .small-btn.action-button, .exchange-rate-calculator-page .cashflowhedgeaccounting-page .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }
  .cashflowhedgeaccounting-page .page-settings .action-button-blue.small-btn, .cashflowhedgeaccounting-page .page-settings .login-page .small-btn.action-button, .login-page .cashflowhedgeaccounting-page .page-settings .small-btn.action-button, .cashflowhedgeaccounting-page .page-settings .reset-page .small-btn.action-button, .reset-page .cashflowhedgeaccounting-page .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }

.cashflowhedgeaccounting-page .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text; }

.cashflowhedgeaccounting-page hr {
  background: #717777;
  margin: 12px 0; }

.cashflowhedgeaccounting-page table.transaction-fields {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0; }
  .cashflowhedgeaccounting-page table.transaction-fields td span {
    display: block;
    text-align: center;
    margin: 0 auto; }
  .cashflowhedgeaccounting-page table.transaction-fields td {
    width: 222px;
    padding: 12px 0 12px 24px; }
    .cashflowhedgeaccounting-page table.transaction-fields td.smaller {
      width: 182px; }
    .cashflowhedgeaccounting-page table.transaction-fields td:first-child {
      width: 120px; }
      .cashflowhedgeaccounting-page table.transaction-fields td:first-child.smaller {
        width: 90px; }
  .cashflowhedgeaccounting-page table.transaction-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .cashflowhedgeaccounting-page table.transaction-fields input + label,
  .cashflowhedgeaccounting-page table.transaction-fields select + label {
    padding-left: 12px; }
  .cashflowhedgeaccounting-page table.transaction-fields input:not([type]),
  .cashflowhedgeaccounting-page table.transaction-fields input[type=text],
  .cashflowhedgeaccounting-page table.transaction-fields input[type=number],
  .cashflowhedgeaccounting-page table.transaction-fields select,
  .cashflowhedgeaccounting-page table.transaction-fields span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
    .cashflowhedgeaccounting-page table.transaction-fields input:not([type]).hide,
    .cashflowhedgeaccounting-page table.transaction-fields input[type=text].hide,
    .cashflowhedgeaccounting-page table.transaction-fields input[type=number].hide,
    .cashflowhedgeaccounting-page table.transaction-fields select.hide,
    .cashflowhedgeaccounting-page table.transaction-fields span.dropdown-box.hide {
      display: none; }
  .cashflowhedgeaccounting-page table.transaction-fields label.p25,
  .cashflowhedgeaccounting-page table.transaction-fields input:not([type]).p25,
  .cashflowhedgeaccounting-page table.transaction-fields input[type=text].p25,
  .cashflowhedgeaccounting-page table.transaction-fields input[type=number].p25,
  .cashflowhedgeaccounting-page table.transaction-fields select.p25,
  .cashflowhedgeaccounting-page table.transaction-fields span.dropdown-box.p25 {
    width: 55px; }
  .cashflowhedgeaccounting-page table.transaction-fields label.p50,
  .cashflowhedgeaccounting-page table.transaction-fields input:not([type]).p50,
  .cashflowhedgeaccounting-page table.transaction-fields input[type=text].p50,
  .cashflowhedgeaccounting-page table.transaction-fields input[type=number].p50,
  .cashflowhedgeaccounting-page table.transaction-fields select.p50,
  .cashflowhedgeaccounting-page table.transaction-fields span.dropdown-box.p50 {
    width: 111px; }
  .cashflowhedgeaccounting-page table.transaction-fields label.p75,
  .cashflowhedgeaccounting-page table.transaction-fields input:not([type]).p75,
  .cashflowhedgeaccounting-page table.transaction-fields input[type=text].p75,
  .cashflowhedgeaccounting-page table.transaction-fields input[type=number].p75,
  .cashflowhedgeaccounting-page table.transaction-fields select.p75,
  .cashflowhedgeaccounting-page table.transaction-fields span.dropdown-box.p75 {
    width: 167px; }
  .cashflowhedgeaccounting-page table.transaction-fields label.p100,
  .cashflowhedgeaccounting-page table.transaction-fields input:not([type]).p100,
  .cashflowhedgeaccounting-page table.transaction-fields input[type=text].p100,
  .cashflowhedgeaccounting-page table.transaction-fields input[type=number].p100,
  .cashflowhedgeaccounting-page table.transaction-fields select.p100,
  .cashflowhedgeaccounting-page table.transaction-fields span.dropdown-box.p100 {
    width: 222px; }
  .cashflowhedgeaccounting-page table.transaction-fields td.smaller input:not([type]),
  .cashflowhedgeaccounting-page table.transaction-fields td.smaller input[type=text],
  .cashflowhedgeaccounting-page table.transaction-fields td.smaller input[type=number],
  .cashflowhedgeaccounting-page table.transaction-fields td.smaller select,
  .cashflowhedgeaccounting-page table.transaction-fields td.smaller span.dropdown-box {
    width: 182px; }
  .cashflowhedgeaccounting-page table.transaction-fields td:first-child.smaller input:not([type]),
  .cashflowhedgeaccounting-page table.transaction-fields td:first-child.smaller input[type=text],
  .cashflowhedgeaccounting-page table.transaction-fields td:first-child.smaller input[type=number],
  .cashflowhedgeaccounting-page table.transaction-fields td:first-child.smaller select,
  .cashflowhedgeaccounting-page table.transaction-fields td:first-child.smaller span.dropdown-box {
    width: 90px; }
  .cashflowhedgeaccounting-page table.transaction-fields .dropdown-box > .dropdown-box-label {
    line-height: 23px; }
  .cashflowhedgeaccounting-page table.transaction-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
    .cashflowhedgeaccounting-page table.transaction-fields .date-trigger.hide {
      display: none; }

.cashflowhedgeaccounting-page .actions {
  margin: 12px 24px 0; }
  .cashflowhedgeaccounting-page .actions .action-button[data-name=save-action] {
    float: right; }

.contact-page input[type=checkbox] {
  width: 10px; }

.contact-page .tab {
  height: 38px;
  -webkit-text-select: none;
  -ms-text-select: none;
  -moz-text-select: none;
  -o-text-select: none;
  text-select: none; }
  .contact-page .tab ul {
    list-style: none none;
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: 100%; }
  .contact-page .tab li {
    float: left;
    height: 100%;
    padding-right: 15px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    text-indent: 60px;
    border-top: 1px solid #4e5658;
    border-right: 1px solid #4e5658;
    border-left: 1px solid #4e5658; }
    .contact-page .tab li > a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #fff;
      position: relative;
      background-position: left 22px center;
      background-repeat: no-repeat;
      line-height: 38px; }
      .contact-page .tab li > a.action-budgetrate {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-4.png"); }
        .contact-page .tab li > a.action-budgetrate.active {
          background-image: url("../images/icons/tab6-4_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .contact-page .tab li > a.action-cashflow {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .contact-page .tab li > a.action-cashflow.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .contact-page .tab li > a.action-forward {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-4.png"); }
        .contact-page .tab li > a.action-forward.active {
          background-image: url("../images/icons/tab6-4_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .contact-page .tab li > a.action-cylinderzc {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .contact-page .tab li > a.action-cylinderzc.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .contact-page .tab li > a.action-cylinderlc {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .contact-page .tab li > a.action-cylinderlc.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .contact-page .tab li > a.action-vanillaoption {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .contact-page .tab li > a.action-vanillaoption.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
  .contact-page .tab hr {
    background: #343C3D;
    border-left: 1px solid #4e5658;
    height: 6px;
    margin-top: 1px;
    width: calc(100% - 4px); }

.contact-page > h1 {
  float: left; }

.contact-page > h3 {
  float: left;
  margin: 0 0.5em 0.5em 0; }

.contact-page .pull-right {
  float: right; }

.contact-page .page-settings {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .contact-page .page-settings .high {
    height: 5px; }
  .contact-page .page-settings .edit {
    background: transparent url("../images/icons/icon_goto_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .contact-page .page-settings .edit:hover {
      background: transparent url("../images/icons/icon_goto@2x.png") no-repeat 0 center; }
  .contact-page .page-settings .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .contact-page .page-settings .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .contact-page .page-settings > h4 {
    margin: 0; }
  .contact-page .page-settings.notop {
    margin: 0 0 17px; }
  .contact-page .page-settings.small-top {
    margin-top: 0.5em; }
  .contact-page .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .contact-page .page-settings div.label {
    margin: 10px 0; }
  .contact-page .page-settings select:disabled,
  .contact-page .page-settings input:disabled {
    background-color: #999999; }
  .contact-page .page-settings select,
  .contact-page .page-settings input,
  .contact-page .page-settings .dropdown-box {
    width: 208px; }
  .contact-page .page-settings input[type=checkbox] {
    width: 10px; }
  .contact-page .page-settings label.pad-left {
    padding-left: 20px; }
  .contact-page .page-settings table.horisontal-tbl > tbody > tr td.summary {
    color: #0099c3; }
  .contact-page .page-settings table.standard-scrollable {
    margin: 27px 0 0; }
    .contact-page .page-settings table.standard-scrollable td span {
      display: block;
      text-align: center;
      margin: 0 auto; }
    .contact-page .page-settings table.standard-scrollable > thead > tr > th:first-child,
    .contact-page .page-settings table.standard-scrollable > thead > tr > th:nth-child(even) {
      width: 20px; }
    .contact-page .page-settings table.standard-scrollable > tbody > tr > td:first-child,
    .contact-page .page-settings table.standard-scrollable > tbody > tr > td:nth-child(even) {
      background: #161D23;
      width: 20px; }
    .contact-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
      background: #0B151A; }
    .contact-page .page-settings table.standard-scrollable > tbody > tr a {
      color: #2ab7af;
      text-decoration: none; }
    .contact-page .page-settings table.standard-scrollable .warning {
      color: #FF2232; }
  .contact-page .page-settings .hedging-table {
    overflow-x: scroll; }
  .contact-page .page-settings table.table-settings {
    width: 100%;
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .contact-page .page-settings table.table-settings td,
    .contact-page .page-settings table.table-settings th {
      width: 145px;
      padding: 12px 12px 0 0; }
    .contact-page .page-settings table.table-settings tr:first-child td,
    .contact-page .page-settings table.table-settings tr:first-child th {
      padding-top: 0; }
    .contact-page .page-settings table.table-settings.small td, .contact-page .page-settings table.table-settings.small th {
      width: 70px;
      padding: 12px 12px 0 0; }
  .contact-page .page-settings.two-parted {
    padding: 0 30px 0 0; }
  .contact-page .page-settings .labels-area {
    padding: 10px 0 10px 30px; }
    .contact-page .page-settings .labels-area.main {
      float: left;
      width: 110px;
      background-color: rgba(25, 30, 33, 0.12);
      margin: 0 20px 0 0; }
  .contact-page .page-settings .action-button-blue.centered, .contact-page .page-settings .login-page .centered.action-button, .login-page .contact-page .page-settings .centered.action-button, .contact-page .page-settings .reset-page .centered.action-button, .reset-page .contact-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 50%;
    margin: -22px 0 0; }
  .contact-page .page-settings .action-button-green.centered, .contact-page .page-settings .login-page .centered.action-button-transp, .login-page .contact-page .page-settings .centered.action-button-transp, .contact-page .page-settings .exchange-rate-calculator-page .centered.action-button, .exchange-rate-calculator-page .contact-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 68%;
    margin: -22px 0 0; }
  .contact-page .page-settings .action-button-green.small-btn, .contact-page .page-settings .login-page .small-btn.action-button-transp, .login-page .contact-page .page-settings .small-btn.action-button-transp, .contact-page .page-settings .exchange-rate-calculator-page .small-btn.action-button, .exchange-rate-calculator-page .contact-page .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }
  .contact-page .page-settings .action-button-blue.small-btn, .contact-page .page-settings .login-page .small-btn.action-button, .login-page .contact-page .page-settings .small-btn.action-button, .contact-page .page-settings .reset-page .small-btn.action-button, .reset-page .contact-page .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }

.contact-page .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text; }

.contact-page hr {
  background: #717777;
  margin: 12px 0; }

.contact-page table.transaction-fields {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0; }
  .contact-page table.transaction-fields td span {
    display: block;
    text-align: center;
    margin: 0 auto; }
  .contact-page table.transaction-fields td {
    width: 222px;
    padding: 12px 0 12px 24px; }
    .contact-page table.transaction-fields td.smaller {
      width: 182px; }
    .contact-page table.transaction-fields td:first-child {
      width: 120px; }
      .contact-page table.transaction-fields td:first-child.smaller {
        width: 90px; }
  .contact-page table.transaction-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .contact-page table.transaction-fields input + label,
  .contact-page table.transaction-fields select + label {
    padding-left: 12px; }
  .contact-page table.transaction-fields input:not([type]),
  .contact-page table.transaction-fields input[type=text],
  .contact-page table.transaction-fields input[type=number],
  .contact-page table.transaction-fields select,
  .contact-page table.transaction-fields span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
    .contact-page table.transaction-fields input:not([type]).hide,
    .contact-page table.transaction-fields input[type=text].hide,
    .contact-page table.transaction-fields input[type=number].hide,
    .contact-page table.transaction-fields select.hide,
    .contact-page table.transaction-fields span.dropdown-box.hide {
      display: none; }
  .contact-page table.transaction-fields label.p25,
  .contact-page table.transaction-fields input:not([type]).p25,
  .contact-page table.transaction-fields input[type=text].p25,
  .contact-page table.transaction-fields input[type=number].p25,
  .contact-page table.transaction-fields select.p25,
  .contact-page table.transaction-fields span.dropdown-box.p25 {
    width: 55px; }
  .contact-page table.transaction-fields label.p50,
  .contact-page table.transaction-fields input:not([type]).p50,
  .contact-page table.transaction-fields input[type=text].p50,
  .contact-page table.transaction-fields input[type=number].p50,
  .contact-page table.transaction-fields select.p50,
  .contact-page table.transaction-fields span.dropdown-box.p50 {
    width: 111px; }
  .contact-page table.transaction-fields label.p75,
  .contact-page table.transaction-fields input:not([type]).p75,
  .contact-page table.transaction-fields input[type=text].p75,
  .contact-page table.transaction-fields input[type=number].p75,
  .contact-page table.transaction-fields select.p75,
  .contact-page table.transaction-fields span.dropdown-box.p75 {
    width: 167px; }
  .contact-page table.transaction-fields label.p100,
  .contact-page table.transaction-fields input:not([type]).p100,
  .contact-page table.transaction-fields input[type=text].p100,
  .contact-page table.transaction-fields input[type=number].p100,
  .contact-page table.transaction-fields select.p100,
  .contact-page table.transaction-fields span.dropdown-box.p100 {
    width: 222px; }
  .contact-page table.transaction-fields td.smaller input:not([type]),
  .contact-page table.transaction-fields td.smaller input[type=text],
  .contact-page table.transaction-fields td.smaller input[type=number],
  .contact-page table.transaction-fields td.smaller select,
  .contact-page table.transaction-fields td.smaller span.dropdown-box {
    width: 182px; }
  .contact-page table.transaction-fields td:first-child.smaller input:not([type]),
  .contact-page table.transaction-fields td:first-child.smaller input[type=text],
  .contact-page table.transaction-fields td:first-child.smaller input[type=number],
  .contact-page table.transaction-fields td:first-child.smaller select,
  .contact-page table.transaction-fields td:first-child.smaller span.dropdown-box {
    width: 90px; }
  .contact-page table.transaction-fields .dropdown-box > .dropdown-box-label {
    line-height: 23px; }
  .contact-page table.transaction-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
    .contact-page table.transaction-fields .date-trigger.hide {
      display: none; }

.contact-page .actions {
  margin: 12px 24px 0; }
  .contact-page .actions .action-button[data-name=save-action] {
    float: right; }

.bankaccount-page .tab {
  height: 38px;
  -webkit-text-select: none;
  -ms-text-select: none;
  -moz-text-select: none;
  -o-text-select: none;
  text-select: none; }
  .bankaccount-page .tab ul {
    list-style: none none;
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: 100%; }
  .bankaccount-page .tab li {
    float: left;
    height: 100%;
    padding-right: 15px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    text-indent: 60px;
    border-top: 1px solid #4e5658;
    border-right: 1px solid #4e5658;
    border-left: 1px solid #4e5658; }
    .bankaccount-page .tab li > a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #fff;
      position: relative;
      background-position: left 22px center;
      background-repeat: no-repeat;
      line-height: 38px; }
      .bankaccount-page .tab li > a.action-budgetrate {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-4.png"); }
        .bankaccount-page .tab li > a.action-budgetrate.active {
          background-image: url("../images/icons/tab6-4_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .bankaccount-page .tab li > a.action-cashflow {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .bankaccount-page .tab li > a.action-cashflow.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
  .bankaccount-page .tab hr {
    background: #343C3D;
    border-left: 1px solid #4e5658;
    height: 6px;
    margin-top: 1px;
    width: calc(100% - 4px); }

.bankaccount-page > h1 {
  float: left; }

.bankaccount-page > h3 {
  float: left;
  margin: 0 0.5em 0.5em 0; }

.bankaccount-page .pull-right {
  float: right; }

.bankaccount-page .page-settings {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .bankaccount-page .page-settings table.standard-scrollable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0; }
    .bankaccount-page .page-settings table.standard-scrollable.horizontal-scroll {
      overflow-x: scroll; }
    .bankaccount-page .page-settings table.standard-scrollable > thead {
      background: #384448; }
      .bankaccount-page .page-settings table.standard-scrollable > thead > tr {
        position: relative;
        border-bottom: 1px solid #666c6f; }
        .bankaccount-page .page-settings table.standard-scrollable > thead > tr > th.small {
          width: 7%; }
        .bankaccount-page .page-settings table.standard-scrollable > thead > tr > th.medium {
          width: 15%; }
        .bankaccount-page .page-settings table.standard-scrollable > thead > tr > th.max {
          width: 20%; }
        .bankaccount-page .page-settings table.standard-scrollable > thead > tr > th.tiny {
          width: 5%; }
    .bankaccount-page .page-settings table.standard-scrollable > tbody {
      width: 100%;
      background: #1b252c;
      /* switch on native scrolling for touch devices */ }
      .bankaccount-page .page-settings table.standard-scrollable > tbody > tr {
        position: relative;
        background: #1b252c;
        border-bottom: 1px solid #666c6f; }
        .bankaccount-page .page-settings table.standard-scrollable > tbody > tr > td.small {
          width: 7%; }
        .bankaccount-page .page-settings table.standard-scrollable > tbody > tr > td.medium {
          width: 15%; }
        .bankaccount-page .page-settings table.standard-scrollable > tbody > tr > td.max {
          width: 20%; }
        .bankaccount-page .page-settings table.standard-scrollable > tbody > tr > td.tiny {
          width: 5%; }
        .bankaccount-page .page-settings table.standard-scrollable > tbody > tr > td:last-child {
          border-right: transparent; }
        .bankaccount-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) {
          background: #0b171d; }
  .bankaccount-page .page-settings .high {
    height: 5px; }
  .bankaccount-page .page-settings .edit {
    background: transparent url("../images/icons/icon_goto_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .bankaccount-page .page-settings .edit:hover {
      background: transparent url("../images/icons/icon_goto@2x.png") no-repeat 0 center; }
  .bankaccount-page .page-settings .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .bankaccount-page .page-settings .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .bankaccount-page .page-settings > h4 {
    margin: 0; }
  .bankaccount-page .page-settings.notop {
    margin: 0 0 17px; }
  .bankaccount-page .page-settings.small-top {
    margin-top: 0.5em; }
  .bankaccount-page .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .bankaccount-page .page-settings div.label {
    margin: 10px 0; }
  .bankaccount-page .page-settings select:disabled,
  .bankaccount-page .page-settings input:disabled {
    background-color: #999999; }
  .bankaccount-page .page-settings select,
  .bankaccount-page .page-settings input,
  .bankaccount-page .page-settings .dropdown-box {
    width: 208px; }
    .bankaccount-page .page-settings select.wide,
    .bankaccount-page .page-settings input.wide,
    .bankaccount-page .page-settings .dropdown-box.wide {
      width: 76%; }
  .bankaccount-page .page-settings label.pad-left {
    padding-left: 20px; }
  .bankaccount-page .page-settings table.horisontal-tbl > tbody > tr td.summary {
    color: #0099c3; }
  .bankaccount-page .page-settings table.standard-scrollable {
    margin: 27px 0 0; }
    .bankaccount-page .page-settings table.standard-scrollable td span {
      display: block;
      text-align: center;
      margin: 0 auto; }
    .bankaccount-page .page-settings table.standard-scrollable > tbody > tr > td:first-child {
      background: #161D23; }
    .bankaccount-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
      background: #0B151A; }
    .bankaccount-page .page-settings table.standard-scrollable > tbody > tr a {
      color: #2ab7af;
      text-decoration: none; }
    .bankaccount-page .page-settings table.standard-scrollable .warning {
      color: #FF2232; }
  .bankaccount-page .page-settings .hedging-table {
    overflow-x: scroll; }
  .bankaccount-page .page-settings table.table-settings {
    width: 100%;
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .bankaccount-page .page-settings table.table-settings td,
    .bankaccount-page .page-settings table.table-settings th {
      width: 145px;
      padding: 12px 12px 0 0; }
    .bankaccount-page .page-settings table.table-settings tr:first-child td,
    .bankaccount-page .page-settings table.table-settings tr:first-child th {
      padding-top: 0; }
    .bankaccount-page .page-settings table.table-settings.small td, .bankaccount-page .page-settings table.table-settings.small th {
      width: 70px;
      padding: 12px 12px 0 0; }
  .bankaccount-page .page-settings.two-parted {
    padding: 0 30px 0 0; }
  .bankaccount-page .page-settings .labels-area {
    padding: 10px 0 10px 30px; }
    .bankaccount-page .page-settings .labels-area.main {
      float: left;
      width: 110px;
      background-color: rgba(25, 30, 33, 0.12);
      margin: 0 20px 0 0; }
  .bankaccount-page .page-settings .action-button-blue.centered, .bankaccount-page .page-settings .login-page .centered.action-button, .login-page .bankaccount-page .page-settings .centered.action-button, .bankaccount-page .page-settings .reset-page .centered.action-button, .reset-page .bankaccount-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 50%;
    margin: -22px 0 0; }
  .bankaccount-page .page-settings .action-button-green.centered, .bankaccount-page .page-settings .login-page .centered.action-button-transp, .login-page .bankaccount-page .page-settings .centered.action-button-transp, .bankaccount-page .page-settings .exchange-rate-calculator-page .centered.action-button, .exchange-rate-calculator-page .bankaccount-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 68%;
    margin: -22px 0 0; }
  .bankaccount-page .page-settings .action-button-green.small-btn, .bankaccount-page .page-settings .login-page .small-btn.action-button-transp, .login-page .bankaccount-page .page-settings .small-btn.action-button-transp, .bankaccount-page .page-settings .exchange-rate-calculator-page .small-btn.action-button, .exchange-rate-calculator-page .bankaccount-page .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }
  .bankaccount-page .page-settings .action-button-blue.small-btn, .bankaccount-page .page-settings .login-page .small-btn.action-button, .login-page .bankaccount-page .page-settings .small-btn.action-button, .bankaccount-page .page-settings .reset-page .small-btn.action-button, .reset-page .bankaccount-page .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }

.bankaccount-page .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text; }

.bankaccount-page hr {
  background: #717777;
  margin: 12px 0; }

.bankaccount-page table.transaction-fields {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0; }
  .bankaccount-page table.transaction-fields td span {
    display: block;
    text-align: center;
    margin: 0 auto; }
  .bankaccount-page table.transaction-fields td {
    width: 222px;
    padding: 12px 0 12px 24px; }
    .bankaccount-page table.transaction-fields td.smaller {
      width: 182px; }
    .bankaccount-page table.transaction-fields td:first-child {
      width: 120px; }
      .bankaccount-page table.transaction-fields td:first-child.smaller {
        width: 90px; }
  .bankaccount-page table.transaction-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .bankaccount-page table.transaction-fields input + label,
  .bankaccount-page table.transaction-fields select + label {
    padding-left: 12px; }
  .bankaccount-page table.transaction-fields input:not([type]),
  .bankaccount-page table.transaction-fields input[type=text],
  .bankaccount-page table.transaction-fields input[type=number],
  .bankaccount-page table.transaction-fields select,
  .bankaccount-page table.transaction-fields span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
    .bankaccount-page table.transaction-fields input:not([type]).hide,
    .bankaccount-page table.transaction-fields input[type=text].hide,
    .bankaccount-page table.transaction-fields input[type=number].hide,
    .bankaccount-page table.transaction-fields select.hide,
    .bankaccount-page table.transaction-fields span.dropdown-box.hide {
      display: none; }
  .bankaccount-page table.transaction-fields label.p25,
  .bankaccount-page table.transaction-fields input:not([type]).p25,
  .bankaccount-page table.transaction-fields input[type=text].p25,
  .bankaccount-page table.transaction-fields input[type=number].p25,
  .bankaccount-page table.transaction-fields select.p25,
  .bankaccount-page table.transaction-fields span.dropdown-box.p25 {
    width: 55px; }
  .bankaccount-page table.transaction-fields label.p50,
  .bankaccount-page table.transaction-fields input:not([type]).p50,
  .bankaccount-page table.transaction-fields input[type=text].p50,
  .bankaccount-page table.transaction-fields input[type=number].p50,
  .bankaccount-page table.transaction-fields select.p50,
  .bankaccount-page table.transaction-fields span.dropdown-box.p50 {
    width: 111px; }
  .bankaccount-page table.transaction-fields label.p75,
  .bankaccount-page table.transaction-fields input:not([type]).p75,
  .bankaccount-page table.transaction-fields input[type=text].p75,
  .bankaccount-page table.transaction-fields input[type=number].p75,
  .bankaccount-page table.transaction-fields select.p75,
  .bankaccount-page table.transaction-fields span.dropdown-box.p75 {
    width: 167px; }
  .bankaccount-page table.transaction-fields label.p100,
  .bankaccount-page table.transaction-fields input:not([type]).p100,
  .bankaccount-page table.transaction-fields input[type=text].p100,
  .bankaccount-page table.transaction-fields input[type=number].p100,
  .bankaccount-page table.transaction-fields select.p100,
  .bankaccount-page table.transaction-fields span.dropdown-box.p100 {
    width: 222px; }
  .bankaccount-page table.transaction-fields td.smaller input:not([type]),
  .bankaccount-page table.transaction-fields td.smaller input[type=text],
  .bankaccount-page table.transaction-fields td.smaller input[type=number],
  .bankaccount-page table.transaction-fields td.smaller select,
  .bankaccount-page table.transaction-fields td.smaller span.dropdown-box {
    width: 182px; }
  .bankaccount-page table.transaction-fields td:first-child.smaller input:not([type]),
  .bankaccount-page table.transaction-fields td:first-child.smaller input[type=text],
  .bankaccount-page table.transaction-fields td:first-child.smaller input[type=number],
  .bankaccount-page table.transaction-fields td:first-child.smaller select,
  .bankaccount-page table.transaction-fields td:first-child.smaller span.dropdown-box {
    width: 90px; }
  .bankaccount-page table.transaction-fields .dropdown-box > .dropdown-box-label {
    line-height: 23px; }
  .bankaccount-page table.transaction-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
    .bankaccount-page table.transaction-fields .date-trigger.hide {
      display: none; }

.bankaccount-page .actions {
  margin: 12px 24px 0; }
  .bankaccount-page .actions .action-button[data-name=save-action] {
    float: right; }

.client-page input[type=checkbox] {
  width: 10px; }

.client-page .tab {
  height: 38px;
  -webkit-text-select: none;
  -ms-text-select: none;
  -moz-text-select: none;
  -o-text-select: none;
  text-select: none; }
  .client-page .tab ul {
    list-style: none none;
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: 100%; }
  .client-page .tab li {
    float: left;
    height: 100%;
    padding-right: 15px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    text-indent: 60px;
    border-top: 1px solid #4e5658;
    border-right: 1px solid #4e5658;
    border-left: 1px solid #4e5658; }
    .client-page .tab li > a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #fff;
      position: relative;
      background-position: left 22px center;
      background-repeat: no-repeat;
      line-height: 38px; }
      .client-page .tab li > a.action-budgetrate {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-4.png"); }
        .client-page .tab li > a.action-budgetrate.active {
          background-image: url("../images/icons/tab6-4_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .client-page .tab li > a.action-cashflow {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .client-page .tab li > a.action-cashflow.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
  .client-page .tab hr {
    background: #343C3D;
    border-left: 1px solid #4e5658;
    height: 6px;
    margin-top: 1px;
    width: calc(100% - 4px); }

.client-page > h1 {
  float: left; }

.client-page > h3 {
  float: left;
  margin: 0 0.5em 0.5em 0; }

.client-page .pull-right {
  float: right; }

.client-page .page-settings {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .client-page .page-settings .high {
    height: 5px; }
  .client-page .page-settings .edit {
    background: transparent url("../images/icons/icon_goto_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .client-page .page-settings .edit:hover {
      background: transparent url("../images/icons/icon_goto@2x.png") no-repeat 0 center; }
  .client-page .page-settings .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .client-page .page-settings .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .client-page .page-settings > h4 {
    margin: 0; }
  .client-page .page-settings.notop {
    margin: 0 0 17px; }
  .client-page .page-settings.small-top {
    margin-top: 0.5em; }
  .client-page .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .client-page .page-settings div.label {
    margin: 10px 0; }
  .client-page .page-settings select:disabled,
  .client-page .page-settings input:disabled {
    background-color: #999999; }
  .client-page .page-settings select,
  .client-page .page-settings input,
  .client-page .page-settings .dropdown-box {
    width: 208px; }
    .client-page .page-settings select.wide,
    .client-page .page-settings input.wide,
    .client-page .page-settings .dropdown-box.wide {
      width: 76%; }
  .client-page .page-settings input[type=checkbox] {
    width: 10px; }
  .client-page .page-settings label.pad-left {
    padding-left: 20px; }
  .client-page .page-settings table.horisontal-tbl > tbody > tr td.summary {
    color: #0099c3; }
  .client-page .page-settings table.standard-scrollable {
    margin: 27px 0 0; }
    .client-page .page-settings table.standard-scrollable td span {
      display: block;
      text-align: center;
      margin: 0 auto; }
    .client-page .page-settings table.standard-scrollable > thead > tr > th:first-child,
    .client-page .page-settings table.standard-scrollable > thead > tr > th:nth-child(even) {
      width: 20px; }
    .client-page .page-settings table.standard-scrollable > tbody > tr > td:first-child,
    .client-page .page-settings table.standard-scrollable > tbody > tr > td:nth-child(even) {
      background: #161D23;
      width: 20px; }
    .client-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
      background: #0B151A; }
    .client-page .page-settings table.standard-scrollable > tbody > tr a {
      color: #2ab7af;
      text-decoration: none; }
    .client-page .page-settings table.standard-scrollable .warning {
      color: #FF2232; }
  .client-page .page-settings .hedging-table {
    overflow-x: scroll; }
  .client-page .page-settings table.table-settings {
    width: 100%;
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .client-page .page-settings table.table-settings td,
    .client-page .page-settings table.table-settings th {
      width: 145px;
      padding: 12px 12px 0 0; }
    .client-page .page-settings table.table-settings tr:first-child td,
    .client-page .page-settings table.table-settings tr:first-child th {
      padding-top: 0; }
    .client-page .page-settings table.table-settings.small td, .client-page .page-settings table.table-settings.small th {
      width: 70px;
      padding: 12px 12px 0 0; }
  .client-page .page-settings.two-parted {
    padding: 0 30px 0 0; }
  .client-page .page-settings .labels-area {
    padding: 10px 0 10px 30px; }
    .client-page .page-settings .labels-area.main {
      float: left;
      width: 110px;
      background-color: rgba(25, 30, 33, 0.12);
      margin: 0 20px 0 0; }
  .client-page .page-settings .action-button-blue.centered, .client-page .page-settings .login-page .centered.action-button, .login-page .client-page .page-settings .centered.action-button, .client-page .page-settings .reset-page .centered.action-button, .reset-page .client-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 50%;
    margin: -22px 0 0; }
  .client-page .page-settings .action-button-green.centered, .client-page .page-settings .login-page .centered.action-button-transp, .login-page .client-page .page-settings .centered.action-button-transp, .client-page .page-settings .exchange-rate-calculator-page .centered.action-button, .exchange-rate-calculator-page .client-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 68%;
    margin: -22px 0 0; }
  .client-page .page-settings .action-button-green.small-btn, .client-page .page-settings .login-page .small-btn.action-button-transp, .login-page .client-page .page-settings .small-btn.action-button-transp, .client-page .page-settings .exchange-rate-calculator-page .small-btn.action-button, .exchange-rate-calculator-page .client-page .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }
  .client-page .page-settings .action-button-blue.small-btn, .client-page .page-settings .login-page .small-btn.action-button, .login-page .client-page .page-settings .small-btn.action-button, .client-page .page-settings .reset-page .small-btn.action-button, .reset-page .client-page .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }

.client-page .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text; }

.client-page hr {
  background: #717777;
  margin: 12px 0; }

.client-page table.transaction-fields {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0; }
  .client-page table.transaction-fields td span {
    display: block;
    text-align: center;
    margin: 0 auto; }
  .client-page table.transaction-fields td {
    width: 222px;
    padding: 12px 0 12px 24px; }
    .client-page table.transaction-fields td.smaller {
      width: 182px; }
    .client-page table.transaction-fields td:first-child {
      width: 120px; }
      .client-page table.transaction-fields td:first-child.smaller {
        width: 90px; }
  .client-page table.transaction-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .client-page table.transaction-fields input + label,
  .client-page table.transaction-fields select + label {
    padding-left: 12px; }
  .client-page table.transaction-fields input:not([type]),
  .client-page table.transaction-fields input[type=text],
  .client-page table.transaction-fields input[type=number],
  .client-page table.transaction-fields select,
  .client-page table.transaction-fields span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
    .client-page table.transaction-fields input:not([type]).hide,
    .client-page table.transaction-fields input[type=text].hide,
    .client-page table.transaction-fields input[type=number].hide,
    .client-page table.transaction-fields select.hide,
    .client-page table.transaction-fields span.dropdown-box.hide {
      display: none; }
  .client-page table.transaction-fields label.p25,
  .client-page table.transaction-fields input:not([type]).p25,
  .client-page table.transaction-fields input[type=text].p25,
  .client-page table.transaction-fields input[type=number].p25,
  .client-page table.transaction-fields select.p25,
  .client-page table.transaction-fields span.dropdown-box.p25 {
    width: 55px; }
  .client-page table.transaction-fields label.p50,
  .client-page table.transaction-fields input:not([type]).p50,
  .client-page table.transaction-fields input[type=text].p50,
  .client-page table.transaction-fields input[type=number].p50,
  .client-page table.transaction-fields select.p50,
  .client-page table.transaction-fields span.dropdown-box.p50 {
    width: 111px; }
  .client-page table.transaction-fields label.p75,
  .client-page table.transaction-fields input:not([type]).p75,
  .client-page table.transaction-fields input[type=text].p75,
  .client-page table.transaction-fields input[type=number].p75,
  .client-page table.transaction-fields select.p75,
  .client-page table.transaction-fields span.dropdown-box.p75 {
    width: 167px; }
  .client-page table.transaction-fields label.p100,
  .client-page table.transaction-fields input:not([type]).p100,
  .client-page table.transaction-fields input[type=text].p100,
  .client-page table.transaction-fields input[type=number].p100,
  .client-page table.transaction-fields select.p100,
  .client-page table.transaction-fields span.dropdown-box.p100 {
    width: 222px; }
  .client-page table.transaction-fields td.smaller input:not([type]),
  .client-page table.transaction-fields td.smaller input[type=text],
  .client-page table.transaction-fields td.smaller input[type=number],
  .client-page table.transaction-fields td.smaller select,
  .client-page table.transaction-fields td.smaller span.dropdown-box {
    width: 182px; }
  .client-page table.transaction-fields td:first-child.smaller input:not([type]),
  .client-page table.transaction-fields td:first-child.smaller input[type=text],
  .client-page table.transaction-fields td:first-child.smaller input[type=number],
  .client-page table.transaction-fields td:first-child.smaller select,
  .client-page table.transaction-fields td:first-child.smaller span.dropdown-box {
    width: 90px; }
  .client-page table.transaction-fields .dropdown-box > .dropdown-box-label {
    line-height: 23px; }
  .client-page table.transaction-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
    .client-page table.transaction-fields .date-trigger.hide {
      display: none; }

.client-page .actions {
  margin: 12px 24px 0; }
  .client-page .actions .action-button[data-name=save-action] {
    float: right; }

.automaticbackbonelegcashflowidchooser-page .tab {
  height: 38px;
  -webkit-text-select: none;
  -ms-text-select: none;
  -moz-text-select: none;
  -o-text-select: none;
  text-select: none; }
  .automaticbackbonelegcashflowidchooser-page .tab ul {
    list-style: none none;
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: 100%; }
  .automaticbackbonelegcashflowidchooser-page .tab li {
    float: left;
    height: 100%;
    padding-right: 15px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    text-indent: 60px;
    border-top: 1px solid #4e5658;
    border-right: 1px solid #4e5658;
    border-left: 1px solid #4e5658; }
    .automaticbackbonelegcashflowidchooser-page .tab li > a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #fff;
      position: relative;
      background-position: left 22px center;
      background-repeat: no-repeat;
      line-height: 38px; }
      .automaticbackbonelegcashflowidchooser-page .tab li > a.action-budgetrate {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-4.png"); }
        .automaticbackbonelegcashflowidchooser-page .tab li > a.action-budgetrate.active {
          background-image: url("../images/icons/tab6-4_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
      .automaticbackbonelegcashflowidchooser-page .tab li > a.action-cashflow {
        padding-right: 15px;
        background-image: url("../images/icons/tab6-3.png"); }
        .automaticbackbonelegcashflowidchooser-page .tab li > a.action-cashflow.active {
          background-image: url("../images/icons/tab6-3_pressed.png");
          color: #0192C1;
          background-color: #343C3D; }
  .automaticbackbonelegcashflowidchooser-page .tab hr {
    background: #343C3D;
    border-left: 1px solid #4e5658;
    height: 6px;
    margin-top: 1px;
    width: calc(100% - 4px); }

.automaticbackbonelegcashflowidchooser-page > h1 {
  float: left; }

.automaticbackbonelegcashflowidchooser-page > h3 {
  float: left;
  margin: 0 0.5em 0.5em 0; }

.automaticbackbonelegcashflowidchooser-page .pull-right {
  float: right; }

.automaticbackbonelegcashflowidchooser-page .page-settings {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .automaticbackbonelegcashflowidchooser-page .page-settings .high {
    height: 5px; }
  .automaticbackbonelegcashflowidchooser-page .page-settings .edit {
    background: transparent url("../images/icons/icon_goto_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .automaticbackbonelegcashflowidchooser-page .page-settings .edit:hover {
      background: transparent url("../images/icons/icon_goto@2x.png") no-repeat 0 center; }
  .automaticbackbonelegcashflowidchooser-page .page-settings .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .automaticbackbonelegcashflowidchooser-page .page-settings .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .automaticbackbonelegcashflowidchooser-page .page-settings > h4 {
    margin: 0; }
  .automaticbackbonelegcashflowidchooser-page .page-settings.notop {
    margin: 0 0 17px; }
  .automaticbackbonelegcashflowidchooser-page .page-settings.small-top {
    margin-top: 0.5em; }
  .automaticbackbonelegcashflowidchooser-page .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .automaticbackbonelegcashflowidchooser-page .page-settings div.label {
    margin: 10px 0; }
  .automaticbackbonelegcashflowidchooser-page .page-settings select:disabled,
  .automaticbackbonelegcashflowidchooser-page .page-settings input:disabled {
    background-color: #999999; }
  .automaticbackbonelegcashflowidchooser-page .page-settings select,
  .automaticbackbonelegcashflowidchooser-page .page-settings input,
  .automaticbackbonelegcashflowidchooser-page .page-settings .dropdown-box {
    width: 208px; }
  .automaticbackbonelegcashflowidchooser-page .page-settings label.pad-left {
    padding-left: 20px; }
  .automaticbackbonelegcashflowidchooser-page .page-settings table.horisontal-tbl > tbody > tr td.summary {
    color: #0099c3; }
  .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable {
    margin: 27px 0 0; }
    .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable td span {
      display: block;
      text-align: center;
      margin: 0 auto; }
    .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr > td:first-child {
      background: #161D23; }
    .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
      background: #0B151A; }
    .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr a {
      color: #2ab7af;
      text-decoration: none; }
    .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable .warning {
      color: #FF2232; }
  .automaticbackbonelegcashflowidchooser-page .page-settings .hedging-table {
    overflow-x: scroll; }
  .automaticbackbonelegcashflowidchooser-page .page-settings table.table-settings {
    width: 100%;
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .automaticbackbonelegcashflowidchooser-page .page-settings table.table-settings td,
    .automaticbackbonelegcashflowidchooser-page .page-settings table.table-settings th {
      width: 145px;
      padding: 12px 12px 0 0; }
    .automaticbackbonelegcashflowidchooser-page .page-settings table.table-settings tr:first-child td,
    .automaticbackbonelegcashflowidchooser-page .page-settings table.table-settings tr:first-child th {
      padding-top: 0; }
    .automaticbackbonelegcashflowidchooser-page .page-settings table.table-settings.small td, .automaticbackbonelegcashflowidchooser-page .page-settings table.table-settings.small th {
      width: 70px;
      padding: 12px 12px 0 0; }
  .automaticbackbonelegcashflowidchooser-page .page-settings.two-parted {
    padding: 0 30px 0 0; }
  .automaticbackbonelegcashflowidchooser-page .page-settings .labels-area {
    padding: 10px 0 10px 30px; }
    .automaticbackbonelegcashflowidchooser-page .page-settings .labels-area.main {
      float: left;
      width: 110px;
      background-color: rgba(25, 30, 33, 0.12);
      margin: 0 20px 0 0; }
  .automaticbackbonelegcashflowidchooser-page .page-settings .action-button-blue.centered, .automaticbackbonelegcashflowidchooser-page .page-settings .login-page .centered.action-button, .login-page .automaticbackbonelegcashflowidchooser-page .page-settings .centered.action-button, .automaticbackbonelegcashflowidchooser-page .page-settings .reset-page .centered.action-button, .reset-page .automaticbackbonelegcashflowidchooser-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 50%;
    margin: -22px 0 0; }
  .automaticbackbonelegcashflowidchooser-page .page-settings .action-button-green.centered, .automaticbackbonelegcashflowidchooser-page .page-settings .login-page .centered.action-button-transp, .login-page .automaticbackbonelegcashflowidchooser-page .page-settings .centered.action-button-transp, .automaticbackbonelegcashflowidchooser-page .page-settings .exchange-rate-calculator-page .centered.action-button, .exchange-rate-calculator-page .automaticbackbonelegcashflowidchooser-page .page-settings .centered.action-button {
    position: absolute;
    right: 30px;
    top: 68%;
    margin: -22px 0 0; }
  .automaticbackbonelegcashflowidchooser-page .page-settings .action-button-green.small-btn, .automaticbackbonelegcashflowidchooser-page .page-settings .login-page .small-btn.action-button-transp, .login-page .automaticbackbonelegcashflowidchooser-page .page-settings .small-btn.action-button-transp, .automaticbackbonelegcashflowidchooser-page .page-settings .exchange-rate-calculator-page .small-btn.action-button, .exchange-rate-calculator-page .automaticbackbonelegcashflowidchooser-page .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }
  .automaticbackbonelegcashflowidchooser-page .page-settings .action-button-blue.small-btn, .automaticbackbonelegcashflowidchooser-page .page-settings .login-page .small-btn.action-button, .login-page .automaticbackbonelegcashflowidchooser-page .page-settings .small-btn.action-button, .automaticbackbonelegcashflowidchooser-page .page-settings .reset-page .small-btn.action-button, .reset-page .automaticbackbonelegcashflowidchooser-page .page-settings .small-btn.action-button {
    width: 65px;
    float: right; }

.automaticbackbonelegcashflowidchooser-page .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text; }

.automaticbackbonelegcashflowidchooser-page hr {
  background: #717777;
  margin: 12px 0; }

.automaticbackbonelegcashflowidchooser-page table.transaction-fields {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields td span {
    display: block;
    text-align: center;
    margin: 0 auto; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields td {
    width: 222px;
    padding: 12px 0 12px 24px; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td.smaller {
      width: 182px; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child {
      width: 120px; }
      .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child.smaller {
        width: 90px; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input + label,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields select + label {
    padding-left: 12px; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input:not([type]),
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=text],
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=number],
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields select,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields span.dropdown-box {
    display: inline-block;
    box-sizing: border-box;
    width: 222px;
    height: 30px; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input:not([type]).hide,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=text].hide,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=number].hide,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields select.hide,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields span.dropdown-box.hide {
      display: none; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields label.p25,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input:not([type]).p25,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=text].p25,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=number].p25,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields select.p25,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields span.dropdown-box.p25 {
    width: 55px; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields label.p50,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input:not([type]).p50,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=text].p50,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=number].p50,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields select.p50,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields span.dropdown-box.p50 {
    width: 111px; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields label.p75,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input:not([type]).p75,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=text].p75,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=number].p75,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields select.p75,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields span.dropdown-box.p75 {
    width: 167px; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields label.p100,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input:not([type]).p100,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=text].p100,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=number].p100,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields select.p100,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields span.dropdown-box.p100 {
    width: 222px; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields td.smaller input:not([type]),
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields td.smaller input[type=text],
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields td.smaller input[type=number],
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields td.smaller select,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields td.smaller span.dropdown-box {
    width: 182px; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child.smaller input:not([type]),
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child.smaller input[type=text],
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child.smaller input[type=number],
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child.smaller select,
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child.smaller span.dropdown-box {
    width: 90px; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields .dropdown-box > .dropdown-box-label {
    line-height: 23px; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields .date-trigger {
    background: transparent url("../images/icons/dropdown_arrow.png") no-repeat 0 center;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -22px;
    width: 22px;
    outline: 0;
    box-shadow: none; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields .date-trigger.hide {
      display: none; }

.automaticbackbonelegcashflowidchooser-page .actions {
  margin: 12px 24px 0; }
  .automaticbackbonelegcashflowidchooser-page .actions .action-button[data-name=save-action] {
    float: right; }

@media screen and (max-width: 767px) {
  .exposure-page .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .exposure-page .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .exposure-page .tab {
    height: 38px;
    -webkit-text-select: none;
    -ms-text-select: none;
    -moz-text-select: none;
    -o-text-select: none;
    text-select: none; }
    .exposure-page .tab ul {
      list-style: none none;
      margin: 0 auto;
      padding: 0;
      width: 950px;
      height: 100%; }
    .exposure-page .tab li {
      float: left;
      width: 150px;
      height: 100%;
      padding: 0;
      font-size: 18px;
      color: #fff;
      cursor: pointer;
      text-align: left;
      text-indent: 60px;
      border-top: 1px solid #4e5658;
      border-right: 1px solid #4e5658;
      border-left: 1px solid #4e5658; }
      .exposure-page .tab li > a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: #fff;
        position: relative;
        background-position: left 22px center;
        background-repeat: no-repeat;
        line-height: 38px; }
        .exposure-page .tab li > a.action-budgetrate {
          background-image: url("../images/icons/tab6-4.png"); }
          .exposure-page .tab li > a.action-budgetrate.active {
            background-image: url("../images/icons/tab6-4_pressed.png");
            color: #0192C1;
            background-color: #343C3D; }
        .exposure-page .tab li > a.action-cashflow {
          background-image: url("../images/icons/tab6-3.png"); }
          .exposure-page .tab li > a.action-cashflow.active {
            background-image: url("../images/icons/tab6-3_pressed.png");
            color: #0192C1;
            background-color: #343C3D; }
    .exposure-page .tab hr {
      background: #343C3D;
      border-left: 1px solid #4e5658;
      height: 6px;
      margin-top: 1px;
      width: calc(100% - 4px); }
  .exposure-page > h1 {
    float: left; }
  .exposure-page > h3 {
    float: left;
    margin: 0 0.5em 0.5em 0; }
  .exposure-page .pull-right {
    float: right; }
  .exposure-page .page-settings {
    padding: 6px 12px 7px; }
    .exposure-page .page-settings table.standard-scrollable {
      margin: 12px 0 0;
      display: block !important;
      width: auto; }
      .exposure-page .page-settings table.standard-scrollable > thead {
        display: none; }
      .exposure-page .page-settings table.standard-scrollable > tbody {
        display: block;
        height: auto;
        overflow: visible; }
        .exposure-page .page-settings table.standard-scrollable > tbody > tr,
        .exposure-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) {
          position: relative;
          display: block;
          width: auto;
          padding: 6px 12px 6px 12px; }
          .exposure-page .page-settings table.standard-scrollable > tbody > tr > td,
          .exposure-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td {
            display: block;
            width: auto;
            border-right: 0;
            padding: 0;
            text-align: left; }
            .exposure-page .page-settings table.standard-scrollable > tbody > tr > td:first-child,
            .exposure-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
              background: none; }
            .exposure-page .page-settings table.standard-scrollable > tbody > tr > td > span.header,
            .exposure-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td > span.header {
              float: left;
              width: 70%;
              box-sizing: border-box;
              font-size: 12px;
              padding-right: 12px;
              padding-left: 12px; }
            .exposure-page .page-settings table.standard-scrollable > tbody > tr > td > span.value,
            .exposure-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td > span.value {
              float: left;
              width: 30%;
              box-sizing: border-box;
              font-size: 12px; }
            .exposure-page .page-settings table.standard-scrollable > tbody > tr > td:after,
            .exposure-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:after {
              content: "";
              clear: both;
              display: block; }
          .exposure-page .page-settings table.standard-scrollable > tbody > tr:last-child,
          .exposure-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even):last-child {
            border-bottom: 0; }
    .exposure-page .page-settings.notop {
      margin: 0 0 17px; }
    .exposure-page .page-settings span.label {
      display: block;
      vertical-align: middle;
      margin: 0 12px 0 0; }
    .exposure-page .page-settings select:disabled,
    .exposure-page .page-settings input:disabled {
      background-color: #999999; }
    .exposure-page .page-settings select,
    .exposure-page .page-settings .dropdown-box {
      display: block;
      width: 100%; }
    .exposure-page .page-settings .action-button-blue.centered, .exposure-page .page-settings .login-page .centered.action-button, .login-page .exposure-page .page-settings .centered.action-button, .exposure-page .page-settings .reset-page .centered.action-button, .reset-page .exposure-page .page-settings .centered.action-button {
      display: block;
      width: auto;
      position: relative;
      margin: 12px;
      right: auto;
      clear: both; }
    .exposure-page .page-settings.two-parted {
      padding: 0; }
    .exposure-page .page-settings .labels-area {
      float: left;
      width: 50%;
      box-sizing: border-box;
      margin: 0; }
      .exposure-page .page-settings .labels-area.main {
        float: left;
        width: 50%;
        margin: 0; }
  .exposure-page table.transaction-fields {
    display: block; }
    .exposure-page table.transaction-fields tbody,
    .exposure-page table.transaction-fields tr,
    .exposure-page table.transaction-fields td,
    .exposure-page table.transaction-fields th {
      display: block; }
    .exposure-page table.transaction-fields td {
      width: auto;
      padding: 12px 6px 12px 6px; }
      .exposure-page table.transaction-fields td.smaller {
        width: auto; }
      .exposure-page table.transaction-fields td:first-child {
        width: auto; }
        .exposure-page table.transaction-fields td:first-child.smaller {
          width: auto; }
    .exposure-page table.transaction-fields input:not([type]),
    .exposure-page table.transaction-fields input[type=text],
    .exposure-page table.transaction-fields input[type=number],
    .exposure-page table.transaction-fields select,
    .exposure-page table.transaction-fields span.dropdown-box {
      width: 100%; }
    .exposure-page table.transaction-fields label.p25,
    .exposure-page table.transaction-fields input:not([type]).p25,
    .exposure-page table.transaction-fields input[type=text].p25,
    .exposure-page table.transaction-fields input[type=number].p25,
    .exposure-page table.transaction-fields select.p25,
    .exposure-page table.transaction-fields span.dropdown-box.p25 {
      width: 25%; }
    .exposure-page table.transaction-fields label.p50,
    .exposure-page table.transaction-fields input:not([type]).p50,
    .exposure-page table.transaction-fields input[type=text].p50,
    .exposure-page table.transaction-fields input[type=number].p50,
    .exposure-page table.transaction-fields select.p50,
    .exposure-page table.transaction-fields span.dropdown-box.p50 {
      width: 50%; }
    .exposure-page table.transaction-fields label.p75,
    .exposure-page table.transaction-fields input:not([type]).p75,
    .exposure-page table.transaction-fields input[type=text].p75,
    .exposure-page table.transaction-fields input[type=number].p75,
    .exposure-page table.transaction-fields select.p75,
    .exposure-page table.transaction-fields span.dropdown-box.p75 {
      width: 75%; }
    .exposure-page table.transaction-fields label.p100,
    .exposure-page table.transaction-fields input:not([type]).p100,
    .exposure-page table.transaction-fields input[type=text].p100,
    .exposure-page table.transaction-fields input[type=number].p100,
    .exposure-page table.transaction-fields select.p100,
    .exposure-page table.transaction-fields span.dropdown-box.p100 {
      width: 100%; }
    .exposure-page table.transaction-fields td.smaller input:not([type]),
    .exposure-page table.transaction-fields td.smaller input[type=text],
    .exposure-page table.transaction-fields td.smaller input[type=number],
    .exposure-page table.transaction-fields td.smaller select,
    .exposure-page table.transaction-fields td.smaller span.dropdown-box {
      width: 100%; }
    .exposure-page table.transaction-fields td:first-child.smaller input:not([type]),
    .exposure-page table.transaction-fields td:first-child.smaller input[type=text],
    .exposure-page table.transaction-fields td:first-child.smaller input[type=number],
    .exposure-page table.transaction-fields td:first-child.smaller select,
    .exposure-page table.transaction-fields td:first-child.smaller span.dropdown-box {
      width: 100%; }
  .exposure-page .actions {
    margin: 12px 0 0; }
    .exposure-page .actions .action-button[data-name=save-action] {
      float: none; }
  .cashflowhedgeaccounting-page .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .cashflowhedgeaccounting-page .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .cashflowhedgeaccounting-page .edit {
    background: transparent url("../images/icons/icon_more_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .cashflowhedgeaccounting-page .edit:hover {
      background: transparent url("../images/icons/icon_more@2x.png") no-repeat 0 center; }
  .cashflowhedgeaccounting-page .tab {
    height: 38px;
    -webkit-text-select: none;
    -ms-text-select: none;
    -moz-text-select: none;
    -o-text-select: none;
    text-select: none; }
    .cashflowhedgeaccounting-page .tab ul {
      list-style: none none;
      margin: 0 auto;
      padding: 0;
      width: 950px;
      height: 100%; }
    .cashflowhedgeaccounting-page .tab li {
      float: left;
      width: 150px;
      height: 100%;
      padding: 0;
      font-size: 18px;
      color: #fff;
      cursor: pointer;
      text-align: left;
      text-indent: 60px;
      border-top: 1px solid #4e5658;
      border-right: 1px solid #4e5658;
      border-left: 1px solid #4e5658; }
      .cashflowhedgeaccounting-page .tab li > a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: #fff;
        position: relative;
        background-position: left 22px center;
        background-repeat: no-repeat;
        line-height: 38px; }
        .cashflowhedgeaccounting-page .tab li > a.action-budgetrate {
          background-image: url("../images/icons/tab6-4.png"); }
          .cashflowhedgeaccounting-page .tab li > a.action-budgetrate.active {
            background-image: url("../images/icons/tab6-4_pressed.png");
            color: #0192C1;
            background-color: #343C3D; }
        .cashflowhedgeaccounting-page .tab li > a.action-cashflow {
          background-image: url("../images/icons/tab6-3.png"); }
          .cashflowhedgeaccounting-page .tab li > a.action-cashflow.active {
            background-image: url("../images/icons/tab6-3_pressed.png");
            color: #0192C1;
            background-color: #343C3D; }
    .cashflowhedgeaccounting-page .tab hr {
      background: #343C3D;
      border-left: 1px solid #4e5658;
      height: 6px;
      margin-top: 1px;
      width: calc(100% - 4px); }
  .cashflowhedgeaccounting-page > h1 {
    float: left; }
  .cashflowhedgeaccounting-page > h3 {
    float: left;
    margin: 0 0.5em 0.5em 0; }
  .cashflowhedgeaccounting-page .pull-right {
    float: right; }
  .cashflowhedgeaccounting-page .page-settings {
    padding: 6px 12px 7px; }
    .cashflowhedgeaccounting-page .page-settings table.standard-scrollable {
      margin: 12px 0 0;
      display: block !important;
      width: auto; }
      .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > thead {
        display: none; }
      .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody {
        display: block;
        height: auto;
        overflow: visible; }
        .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr,
        .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) {
          position: relative;
          display: block;
          width: auto;
          padding: 6px 12px 6px 12px; }
          .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr > td,
          .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td {
            display: block;
            width: auto;
            border-right: 0;
            padding: 0;
            text-align: left; }
            .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr > td:first-child,
            .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
              background: none; }
            .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr > td > span.header,
            .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td > span.header {
              float: left;
              width: 70%;
              box-sizing: border-box;
              font-size: 12px;
              padding-right: 12px;
              padding-left: 12px; }
            .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr > td > span.value,
            .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td > span.value {
              float: left;
              width: 30%;
              box-sizing: border-box;
              font-size: 12px; }
            .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr > td:after,
            .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:after {
              content: "";
              clear: both;
              display: block; }
          .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr:last-child,
          .cashflowhedgeaccounting-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even):last-child {
            border-bottom: 0; }
    .cashflowhedgeaccounting-page .page-settings.notop {
      margin: 0 0 17px; }
    .cashflowhedgeaccounting-page .page-settings span.label {
      display: block;
      vertical-align: middle;
      margin: 0 12px 0 0; }
    .cashflowhedgeaccounting-page .page-settings select:disabled,
    .cashflowhedgeaccounting-page .page-settings input:disabled {
      background-color: #999999; }
    .cashflowhedgeaccounting-page .page-settings select,
    .cashflowhedgeaccounting-page .page-settings .dropdown-box {
      display: block;
      width: 100%; }
    .cashflowhedgeaccounting-page .page-settings .action-button-blue.centered, .cashflowhedgeaccounting-page .page-settings .login-page .centered.action-button, .login-page .cashflowhedgeaccounting-page .page-settings .centered.action-button, .cashflowhedgeaccounting-page .page-settings .reset-page .centered.action-button, .reset-page .cashflowhedgeaccounting-page .page-settings .centered.action-button {
      display: block;
      width: auto;
      position: relative;
      margin: 12px;
      right: auto;
      clear: both; }
    .cashflowhedgeaccounting-page .page-settings.two-parted {
      padding: 0; }
    .cashflowhedgeaccounting-page .page-settings .labels-area {
      float: left;
      width: 50%;
      box-sizing: border-box;
      margin: 0; }
      .cashflowhedgeaccounting-page .page-settings .labels-area.main {
        float: left;
        width: 50%;
        margin: 0; }
  .cashflowhedgeaccounting-page table.transaction-fields {
    display: block; }
    .cashflowhedgeaccounting-page table.transaction-fields tbody,
    .cashflowhedgeaccounting-page table.transaction-fields tr,
    .cashflowhedgeaccounting-page table.transaction-fields td,
    .cashflowhedgeaccounting-page table.transaction-fields th {
      display: block; }
    .cashflowhedgeaccounting-page table.transaction-fields td {
      width: auto;
      padding: 12px 6px 12px 6px; }
      .cashflowhedgeaccounting-page table.transaction-fields td.smaller {
        width: auto; }
      .cashflowhedgeaccounting-page table.transaction-fields td:first-child {
        width: auto; }
        .cashflowhedgeaccounting-page table.transaction-fields td:first-child.smaller {
          width: auto; }
    .cashflowhedgeaccounting-page table.transaction-fields input:not([type]),
    .cashflowhedgeaccounting-page table.transaction-fields input[type=text],
    .cashflowhedgeaccounting-page table.transaction-fields input[type=number],
    .cashflowhedgeaccounting-page table.transaction-fields select,
    .cashflowhedgeaccounting-page table.transaction-fields span.dropdown-box {
      width: 100%; }
    .cashflowhedgeaccounting-page table.transaction-fields label.p25,
    .cashflowhedgeaccounting-page table.transaction-fields input:not([type]).p25,
    .cashflowhedgeaccounting-page table.transaction-fields input[type=text].p25,
    .cashflowhedgeaccounting-page table.transaction-fields input[type=number].p25,
    .cashflowhedgeaccounting-page table.transaction-fields select.p25,
    .cashflowhedgeaccounting-page table.transaction-fields span.dropdown-box.p25 {
      width: 25%; }
    .cashflowhedgeaccounting-page table.transaction-fields label.p50,
    .cashflowhedgeaccounting-page table.transaction-fields input:not([type]).p50,
    .cashflowhedgeaccounting-page table.transaction-fields input[type=text].p50,
    .cashflowhedgeaccounting-page table.transaction-fields input[type=number].p50,
    .cashflowhedgeaccounting-page table.transaction-fields select.p50,
    .cashflowhedgeaccounting-page table.transaction-fields span.dropdown-box.p50 {
      width: 50%; }
    .cashflowhedgeaccounting-page table.transaction-fields label.p75,
    .cashflowhedgeaccounting-page table.transaction-fields input:not([type]).p75,
    .cashflowhedgeaccounting-page table.transaction-fields input[type=text].p75,
    .cashflowhedgeaccounting-page table.transaction-fields input[type=number].p75,
    .cashflowhedgeaccounting-page table.transaction-fields select.p75,
    .cashflowhedgeaccounting-page table.transaction-fields span.dropdown-box.p75 {
      width: 75%; }
    .cashflowhedgeaccounting-page table.transaction-fields label.p100,
    .cashflowhedgeaccounting-page table.transaction-fields input:not([type]).p100,
    .cashflowhedgeaccounting-page table.transaction-fields input[type=text].p100,
    .cashflowhedgeaccounting-page table.transaction-fields input[type=number].p100,
    .cashflowhedgeaccounting-page table.transaction-fields select.p100,
    .cashflowhedgeaccounting-page table.transaction-fields span.dropdown-box.p100 {
      width: 100%; }
    .cashflowhedgeaccounting-page table.transaction-fields td.smaller input:not([type]),
    .cashflowhedgeaccounting-page table.transaction-fields td.smaller input[type=text],
    .cashflowhedgeaccounting-page table.transaction-fields td.smaller input[type=number],
    .cashflowhedgeaccounting-page table.transaction-fields td.smaller select,
    .cashflowhedgeaccounting-page table.transaction-fields td.smaller span.dropdown-box {
      width: 100%; }
    .cashflowhedgeaccounting-page table.transaction-fields td:first-child.smaller input:not([type]),
    .cashflowhedgeaccounting-page table.transaction-fields td:first-child.smaller input[type=text],
    .cashflowhedgeaccounting-page table.transaction-fields td:first-child.smaller input[type=number],
    .cashflowhedgeaccounting-page table.transaction-fields td:first-child.smaller select,
    .cashflowhedgeaccounting-page table.transaction-fields td:first-child.smaller span.dropdown-box {
      width: 100%; }
  .cashflowhedgeaccounting-page .actions {
    margin: 12px 0 0; }
    .cashflowhedgeaccounting-page .actions .action-button[data-name=save-action] {
      float: none; }
  .contact-page .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .contact-page .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .contact-page .edit {
    background: transparent url("../images/icons/icon_more_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .contact-page .edit:hover {
      background: transparent url("../images/icons/icon_more@2x.png") no-repeat 0 center; }
  .contact-page .tab {
    height: 38px;
    -webkit-text-select: none;
    -ms-text-select: none;
    -moz-text-select: none;
    -o-text-select: none;
    text-select: none; }
    .contact-page .tab ul {
      list-style: none none;
      margin: 0 auto;
      padding: 0;
      width: 950px;
      height: 100%; }
    .contact-page .tab li {
      float: left;
      width: 150px;
      height: 100%;
      padding: 0;
      font-size: 18px;
      color: #fff;
      cursor: pointer;
      text-align: left;
      text-indent: 60px;
      border-top: 1px solid #4e5658;
      border-right: 1px solid #4e5658;
      border-left: 1px solid #4e5658; }
      .contact-page .tab li > a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: #fff;
        position: relative;
        background-position: left 22px center;
        background-repeat: no-repeat;
        line-height: 38px; }
        .contact-page .tab li > a.action-budgetrate {
          background-image: url("../images/icons/tab6-4.png"); }
          .contact-page .tab li > a.action-budgetrate.active {
            background-image: url("../images/icons/tab6-4_pressed.png");
            color: #0192C1;
            background-color: #343C3D; }
        .contact-page .tab li > a.action-cashflow {
          background-image: url("../images/icons/tab6-3.png"); }
          .contact-page .tab li > a.action-cashflow.active {
            background-image: url("../images/icons/tab6-3_pressed.png");
            color: #0192C1;
            background-color: #343C3D; }
    .contact-page .tab hr {
      background: #343C3D;
      border-left: 1px solid #4e5658;
      height: 6px;
      margin-top: 1px;
      width: calc(100% - 4px); }
  .contact-page > h1 {
    float: left; }
  .contact-page > h3 {
    float: left;
    margin: 0 0.5em 0.5em 0; }
  .contact-page .pull-right {
    float: right; }
  .contact-page .page-settings {
    padding: 6px 12px 7px; }
    .contact-page .page-settings table.standard-scrollable {
      margin: 12px 0 0;
      display: block !important;
      width: auto; }
      .contact-page .page-settings table.standard-scrollable > thead {
        display: none; }
      .contact-page .page-settings table.standard-scrollable > tbody {
        display: block;
        height: auto;
        overflow: visible; }
        .contact-page .page-settings table.standard-scrollable > tbody > tr,
        .contact-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) {
          position: relative;
          display: block;
          width: auto;
          padding: 6px 12px 6px 12px; }
          .contact-page .page-settings table.standard-scrollable > tbody > tr > td,
          .contact-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td {
            display: block;
            width: auto;
            border-right: 0;
            padding: 0;
            text-align: left; }
            .contact-page .page-settings table.standard-scrollable > tbody > tr > td:first-child,
            .contact-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
              background: none; }
            .contact-page .page-settings table.standard-scrollable > tbody > tr > td > span.header,
            .contact-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td > span.header {
              float: left;
              width: 70%;
              box-sizing: border-box;
              font-size: 12px;
              padding-right: 12px;
              padding-left: 12px; }
            .contact-page .page-settings table.standard-scrollable > tbody > tr > td > span.value,
            .contact-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td > span.value {
              float: left;
              width: 30%;
              box-sizing: border-box;
              font-size: 12px; }
            .contact-page .page-settings table.standard-scrollable > tbody > tr > td:after,
            .contact-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:after {
              content: "";
              clear: both;
              display: block; }
          .contact-page .page-settings table.standard-scrollable > tbody > tr:last-child,
          .contact-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even):last-child {
            border-bottom: 0; }
    .contact-page .page-settings.notop {
      margin: 0 0 17px; }
    .contact-page .page-settings span.label {
      display: block;
      vertical-align: middle;
      margin: 0 12px 0 0; }
    .contact-page .page-settings select:disabled,
    .contact-page .page-settings input:disabled {
      background-color: #999999; }
    .contact-page .page-settings select,
    .contact-page .page-settings .dropdown-box {
      display: block;
      width: 100%; }
    .contact-page .page-settings .action-button-blue.centered, .contact-page .page-settings .login-page .centered.action-button, .login-page .contact-page .page-settings .centered.action-button, .contact-page .page-settings .reset-page .centered.action-button, .reset-page .contact-page .page-settings .centered.action-button {
      display: block;
      width: auto;
      position: relative;
      margin: 12px;
      right: auto;
      clear: both; }
    .contact-page .page-settings.two-parted {
      padding: 0; }
    .contact-page .page-settings .labels-area {
      float: left;
      width: 50%;
      box-sizing: border-box;
      margin: 0; }
      .contact-page .page-settings .labels-area.main {
        float: left;
        width: 50%;
        margin: 0; }
  .contact-page table.transaction-fields {
    display: block; }
    .contact-page table.transaction-fields tbody,
    .contact-page table.transaction-fields tr,
    .contact-page table.transaction-fields td,
    .contact-page table.transaction-fields th {
      display: block; }
    .contact-page table.transaction-fields td {
      width: auto;
      padding: 12px 6px 12px 6px; }
      .contact-page table.transaction-fields td.smaller {
        width: auto; }
      .contact-page table.transaction-fields td:first-child {
        width: auto; }
        .contact-page table.transaction-fields td:first-child.smaller {
          width: auto; }
    .contact-page table.transaction-fields input:not([type]),
    .contact-page table.transaction-fields input[type=text],
    .contact-page table.transaction-fields input[type=number],
    .contact-page table.transaction-fields select,
    .contact-page table.transaction-fields span.dropdown-box {
      width: 100%; }
    .contact-page table.transaction-fields label.p25,
    .contact-page table.transaction-fields input:not([type]).p25,
    .contact-page table.transaction-fields input[type=text].p25,
    .contact-page table.transaction-fields input[type=number].p25,
    .contact-page table.transaction-fields select.p25,
    .contact-page table.transaction-fields span.dropdown-box.p25 {
      width: 25%; }
    .contact-page table.transaction-fields label.p50,
    .contact-page table.transaction-fields input:not([type]).p50,
    .contact-page table.transaction-fields input[type=text].p50,
    .contact-page table.transaction-fields input[type=number].p50,
    .contact-page table.transaction-fields select.p50,
    .contact-page table.transaction-fields span.dropdown-box.p50 {
      width: 50%; }
    .contact-page table.transaction-fields label.p75,
    .contact-page table.transaction-fields input:not([type]).p75,
    .contact-page table.transaction-fields input[type=text].p75,
    .contact-page table.transaction-fields input[type=number].p75,
    .contact-page table.transaction-fields select.p75,
    .contact-page table.transaction-fields span.dropdown-box.p75 {
      width: 75%; }
    .contact-page table.transaction-fields label.p100,
    .contact-page table.transaction-fields input:not([type]).p100,
    .contact-page table.transaction-fields input[type=text].p100,
    .contact-page table.transaction-fields input[type=number].p100,
    .contact-page table.transaction-fields select.p100,
    .contact-page table.transaction-fields span.dropdown-box.p100 {
      width: 100%; }
    .contact-page table.transaction-fields td.smaller input:not([type]),
    .contact-page table.transaction-fields td.smaller input[type=text],
    .contact-page table.transaction-fields td.smaller input[type=number],
    .contact-page table.transaction-fields td.smaller select,
    .contact-page table.transaction-fields td.smaller span.dropdown-box {
      width: 100%; }
    .contact-page table.transaction-fields td:first-child.smaller input:not([type]),
    .contact-page table.transaction-fields td:first-child.smaller input[type=text],
    .contact-page table.transaction-fields td:first-child.smaller input[type=number],
    .contact-page table.transaction-fields td:first-child.smaller select,
    .contact-page table.transaction-fields td:first-child.smaller span.dropdown-box {
      width: 100%; }
  .contact-page .actions {
    margin: 12px 0 0; }
    .contact-page .actions .action-button[data-name=save-action] {
      float: none; }
  .bankaccount-page .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .bankaccount-page .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .bankaccount-page .edit {
    background: transparent url("../images/icons/icon_more_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .bankaccount-page .edit:hover {
      background: transparent url("../images/icons/icon_more@2x.png") no-repeat 0 center; }
  .bankaccount-page .tab {
    height: 38px;
    -webkit-text-select: none;
    -ms-text-select: none;
    -moz-text-select: none;
    -o-text-select: none;
    text-select: none; }
    .bankaccount-page .tab ul {
      list-style: none none;
      margin: 0 auto;
      padding: 0;
      width: 950px;
      height: 100%; }
    .bankaccount-page .tab li {
      float: left;
      width: 150px;
      height: 100%;
      padding: 0;
      font-size: 18px;
      color: #fff;
      cursor: pointer;
      text-align: left;
      text-indent: 60px;
      border-top: 1px solid #4e5658;
      border-right: 1px solid #4e5658;
      border-left: 1px solid #4e5658; }
      .bankaccount-page .tab li > a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: #fff;
        position: relative;
        background-position: left 22px center;
        background-repeat: no-repeat;
        line-height: 38px; }
        .bankaccount-page .tab li > a.action-budgetrate {
          background-image: url("../images/icons/tab6-4.png"); }
          .bankaccount-page .tab li > a.action-budgetrate.active {
            background-image: url("../images/icons/tab6-4_pressed.png");
            color: #0192C1;
            background-color: #343C3D; }
        .bankaccount-page .tab li > a.action-cashflow {
          background-image: url("../images/icons/tab6-3.png"); }
          .bankaccount-page .tab li > a.action-cashflow.active {
            background-image: url("../images/icons/tab6-3_pressed.png");
            color: #0192C1;
            background-color: #343C3D; }
    .bankaccount-page .tab hr {
      background: #343C3D;
      border-left: 1px solid #4e5658;
      height: 6px;
      margin-top: 1px;
      width: calc(100% - 4px); }
  .bankaccount-page > h1 {
    float: left; }
  .bankaccount-page > h3 {
    float: left;
    margin: 0 0.5em 0.5em 0; }
  .bankaccount-page .pull-right {
    float: right; }
  .bankaccount-page .page-settings {
    padding: 6px 12px 7px; }
    .bankaccount-page .page-settings table.standard-scrollable {
      margin: 12px 0 0;
      display: block !important;
      width: auto; }
      .bankaccount-page .page-settings table.standard-scrollable > thead {
        display: none; }
      .bankaccount-page .page-settings table.standard-scrollable > tbody {
        display: block;
        height: auto;
        overflow: visible; }
        .bankaccount-page .page-settings table.standard-scrollable > tbody > tr,
        .bankaccount-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) {
          position: relative;
          display: block;
          width: auto;
          padding: 6px 12px 6px 12px; }
          .bankaccount-page .page-settings table.standard-scrollable > tbody > tr > td,
          .bankaccount-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td {
            display: block;
            width: auto;
            border-right: 0;
            padding: 0;
            text-align: left; }
            .bankaccount-page .page-settings table.standard-scrollable > tbody > tr > td:first-child,
            .bankaccount-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
              background: none; }
            .bankaccount-page .page-settings table.standard-scrollable > tbody > tr > td > span.header,
            .bankaccount-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td > span.header {
              float: left;
              width: 70%;
              box-sizing: border-box;
              font-size: 12px;
              padding-right: 12px;
              padding-left: 12px; }
            .bankaccount-page .page-settings table.standard-scrollable > tbody > tr > td > span.value,
            .bankaccount-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td > span.value {
              float: left;
              width: 30%;
              box-sizing: border-box;
              font-size: 12px; }
            .bankaccount-page .page-settings table.standard-scrollable > tbody > tr > td:after,
            .bankaccount-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:after {
              content: "";
              clear: both;
              display: block; }
          .bankaccount-page .page-settings table.standard-scrollable > tbody > tr:last-child,
          .bankaccount-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even):last-child {
            border-bottom: 0; }
    .bankaccount-page .page-settings.notop {
      margin: 0 0 17px; }
    .bankaccount-page .page-settings span.label {
      display: block;
      vertical-align: middle;
      margin: 0 12px 0 0; }
    .bankaccount-page .page-settings select:disabled,
    .bankaccount-page .page-settings input:disabled {
      background-color: #999999; }
    .bankaccount-page .page-settings select,
    .bankaccount-page .page-settings .dropdown-box {
      display: block;
      width: 100%; }
    .bankaccount-page .page-settings .action-button-blue.centered, .bankaccount-page .page-settings .login-page .centered.action-button, .login-page .bankaccount-page .page-settings .centered.action-button, .bankaccount-page .page-settings .reset-page .centered.action-button, .reset-page .bankaccount-page .page-settings .centered.action-button {
      display: block;
      width: auto;
      position: relative;
      margin: 12px;
      right: auto;
      clear: both; }
    .bankaccount-page .page-settings.two-parted {
      padding: 0; }
    .bankaccount-page .page-settings .labels-area {
      float: left;
      width: 50%;
      box-sizing: border-box;
      margin: 0; }
      .bankaccount-page .page-settings .labels-area.main {
        float: left;
        width: 50%;
        margin: 0; }
  .bankaccount-page table.transaction-fields {
    display: block; }
    .bankaccount-page table.transaction-fields tbody,
    .bankaccount-page table.transaction-fields tr,
    .bankaccount-page table.transaction-fields td,
    .bankaccount-page table.transaction-fields th {
      display: block; }
    .bankaccount-page table.transaction-fields td {
      width: auto;
      padding: 12px 6px 12px 6px; }
      .bankaccount-page table.transaction-fields td.smaller {
        width: auto; }
      .bankaccount-page table.transaction-fields td:first-child {
        width: auto; }
        .bankaccount-page table.transaction-fields td:first-child.smaller {
          width: auto; }
    .bankaccount-page table.transaction-fields input:not([type]),
    .bankaccount-page table.transaction-fields input[type=text],
    .bankaccount-page table.transaction-fields input[type=number],
    .bankaccount-page table.transaction-fields select,
    .bankaccount-page table.transaction-fields span.dropdown-box {
      width: 100%; }
    .bankaccount-page table.transaction-fields label.p25,
    .bankaccount-page table.transaction-fields input:not([type]).p25,
    .bankaccount-page table.transaction-fields input[type=text].p25,
    .bankaccount-page table.transaction-fields input[type=number].p25,
    .bankaccount-page table.transaction-fields select.p25,
    .bankaccount-page table.transaction-fields span.dropdown-box.p25 {
      width: 25%; }
    .bankaccount-page table.transaction-fields label.p50,
    .bankaccount-page table.transaction-fields input:not([type]).p50,
    .bankaccount-page table.transaction-fields input[type=text].p50,
    .bankaccount-page table.transaction-fields input[type=number].p50,
    .bankaccount-page table.transaction-fields select.p50,
    .bankaccount-page table.transaction-fields span.dropdown-box.p50 {
      width: 50%; }
    .bankaccount-page table.transaction-fields label.p75,
    .bankaccount-page table.transaction-fields input:not([type]).p75,
    .bankaccount-page table.transaction-fields input[type=text].p75,
    .bankaccount-page table.transaction-fields input[type=number].p75,
    .bankaccount-page table.transaction-fields select.p75,
    .bankaccount-page table.transaction-fields span.dropdown-box.p75 {
      width: 75%; }
    .bankaccount-page table.transaction-fields label.p100,
    .bankaccount-page table.transaction-fields input:not([type]).p100,
    .bankaccount-page table.transaction-fields input[type=text].p100,
    .bankaccount-page table.transaction-fields input[type=number].p100,
    .bankaccount-page table.transaction-fields select.p100,
    .bankaccount-page table.transaction-fields span.dropdown-box.p100 {
      width: 100%; }
    .bankaccount-page table.transaction-fields td.smaller input:not([type]),
    .bankaccount-page table.transaction-fields td.smaller input[type=text],
    .bankaccount-page table.transaction-fields td.smaller input[type=number],
    .bankaccount-page table.transaction-fields td.smaller select,
    .bankaccount-page table.transaction-fields td.smaller span.dropdown-box {
      width: 100%; }
    .bankaccount-page table.transaction-fields td:first-child.smaller input:not([type]),
    .bankaccount-page table.transaction-fields td:first-child.smaller input[type=text],
    .bankaccount-page table.transaction-fields td:first-child.smaller input[type=number],
    .bankaccount-page table.transaction-fields td:first-child.smaller select,
    .bankaccount-page table.transaction-fields td:first-child.smaller span.dropdown-box {
      width: 100%; }
  .bankaccount-page .actions {
    margin: 12px 0 0; }
    .bankaccount-page .actions .action-button[data-name=save-action] {
      float: none; }
  .client-page .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .client-page .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .client-page .edit {
    background: transparent url("../images/icons/icon_more_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .client-page .edit:hover {
      background: transparent url("../images/icons/icon_more@2x.png") no-repeat 0 center; }
  .client-page .tab {
    height: 38px;
    -webkit-text-select: none;
    -ms-text-select: none;
    -moz-text-select: none;
    -o-text-select: none;
    text-select: none; }
    .client-page .tab ul {
      list-style: none none;
      margin: 0 auto;
      padding: 0;
      width: 950px;
      height: 100%; }
    .client-page .tab li {
      float: left;
      width: 150px;
      height: 100%;
      padding: 0;
      font-size: 18px;
      color: #fff;
      cursor: pointer;
      text-align: left;
      text-indent: 60px;
      border-top: 1px solid #4e5658;
      border-right: 1px solid #4e5658;
      border-left: 1px solid #4e5658; }
      .client-page .tab li > a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: #fff;
        position: relative;
        background-position: left 22px center;
        background-repeat: no-repeat;
        line-height: 38px; }
        .client-page .tab li > a.action-budgetrate {
          background-image: url("../images/icons/tab6-4.png"); }
          .client-page .tab li > a.action-budgetrate.active {
            background-image: url("../images/icons/tab6-4_pressed.png");
            color: #0192C1;
            background-color: #343C3D; }
        .client-page .tab li > a.action-cashflow {
          background-image: url("../images/icons/tab6-3.png"); }
          .client-page .tab li > a.action-cashflow.active {
            background-image: url("../images/icons/tab6-3_pressed.png");
            color: #0192C1;
            background-color: #343C3D; }
    .client-page .tab hr {
      background: #343C3D;
      border-left: 1px solid #4e5658;
      height: 6px;
      margin-top: 1px;
      width: calc(100% - 4px); }
  .client-page > h1 {
    float: left; }
  .client-page > h3 {
    float: left;
    margin: 0 0.5em 0.5em 0; }
  .client-page .pull-right {
    float: right; }
  .client-page .page-settings {
    padding: 6px 12px 7px; }
    .client-page .page-settings table.standard-scrollable {
      margin: 12px 0 0;
      display: block !important;
      width: auto; }
      .client-page .page-settings table.standard-scrollable > thead {
        display: none; }
      .client-page .page-settings table.standard-scrollable > tbody {
        display: block;
        height: auto;
        overflow: visible; }
        .client-page .page-settings table.standard-scrollable > tbody > tr,
        .client-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) {
          position: relative;
          display: block;
          width: auto;
          padding: 6px 12px 6px 12px; }
          .client-page .page-settings table.standard-scrollable > tbody > tr > td,
          .client-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td {
            display: block;
            width: auto;
            border-right: 0;
            padding: 0;
            text-align: left; }
            .client-page .page-settings table.standard-scrollable > tbody > tr > td:first-child,
            .client-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
              background: none; }
            .client-page .page-settings table.standard-scrollable > tbody > tr > td > span.header,
            .client-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td > span.header {
              float: left;
              width: 70%;
              box-sizing: border-box;
              font-size: 12px;
              padding-right: 12px;
              padding-left: 12px; }
            .client-page .page-settings table.standard-scrollable > tbody > tr > td > span.value,
            .client-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td > span.value {
              float: left;
              width: 30%;
              box-sizing: border-box;
              font-size: 12px; }
            .client-page .page-settings table.standard-scrollable > tbody > tr > td:after,
            .client-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:after {
              content: "";
              clear: both;
              display: block; }
          .client-page .page-settings table.standard-scrollable > tbody > tr:last-child,
          .client-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even):last-child {
            border-bottom: 0; }
    .client-page .page-settings.notop {
      margin: 0 0 17px; }
    .client-page .page-settings span.label {
      display: block;
      vertical-align: middle;
      margin: 0 12px 0 0; }
    .client-page .page-settings select:disabled,
    .client-page .page-settings input:disabled {
      background-color: #999999; }
    .client-page .page-settings select,
    .client-page .page-settings .dropdown-box {
      display: block;
      width: 100%; }
    .client-page .page-settings .action-button-blue.centered, .client-page .page-settings .login-page .centered.action-button, .login-page .client-page .page-settings .centered.action-button, .client-page .page-settings .reset-page .centered.action-button, .reset-page .client-page .page-settings .centered.action-button {
      display: block;
      width: auto;
      position: relative;
      margin: 12px;
      right: auto;
      clear: both; }
    .client-page .page-settings.two-parted {
      padding: 0; }
    .client-page .page-settings .labels-area {
      float: left;
      width: 50%;
      box-sizing: border-box;
      margin: 0; }
      .client-page .page-settings .labels-area.main {
        float: left;
        width: 50%;
        margin: 0; }
  .client-page table.transaction-fields {
    display: block; }
    .client-page table.transaction-fields tbody,
    .client-page table.transaction-fields tr,
    .client-page table.transaction-fields td,
    .client-page table.transaction-fields th {
      display: block; }
    .client-page table.transaction-fields td {
      width: auto;
      padding: 12px 6px 12px 6px; }
      .client-page table.transaction-fields td.smaller {
        width: auto; }
      .client-page table.transaction-fields td:first-child {
        width: auto; }
        .client-page table.transaction-fields td:first-child.smaller {
          width: auto; }
    .client-page table.transaction-fields input:not([type]),
    .client-page table.transaction-fields input[type=text],
    .client-page table.transaction-fields input[type=number],
    .client-page table.transaction-fields select,
    .client-page table.transaction-fields span.dropdown-box {
      width: 100%; }
    .client-page table.transaction-fields label.p25,
    .client-page table.transaction-fields input:not([type]).p25,
    .client-page table.transaction-fields input[type=text].p25,
    .client-page table.transaction-fields input[type=number].p25,
    .client-page table.transaction-fields select.p25,
    .client-page table.transaction-fields span.dropdown-box.p25 {
      width: 25%; }
    .client-page table.transaction-fields label.p50,
    .client-page table.transaction-fields input:not([type]).p50,
    .client-page table.transaction-fields input[type=text].p50,
    .client-page table.transaction-fields input[type=number].p50,
    .client-page table.transaction-fields select.p50,
    .client-page table.transaction-fields span.dropdown-box.p50 {
      width: 50%; }
    .client-page table.transaction-fields label.p75,
    .client-page table.transaction-fields input:not([type]).p75,
    .client-page table.transaction-fields input[type=text].p75,
    .client-page table.transaction-fields input[type=number].p75,
    .client-page table.transaction-fields select.p75,
    .client-page table.transaction-fields span.dropdown-box.p75 {
      width: 75%; }
    .client-page table.transaction-fields label.p100,
    .client-page table.transaction-fields input:not([type]).p100,
    .client-page table.transaction-fields input[type=text].p100,
    .client-page table.transaction-fields input[type=number].p100,
    .client-page table.transaction-fields select.p100,
    .client-page table.transaction-fields span.dropdown-box.p100 {
      width: 100%; }
    .client-page table.transaction-fields td.smaller input:not([type]),
    .client-page table.transaction-fields td.smaller input[type=text],
    .client-page table.transaction-fields td.smaller input[type=number],
    .client-page table.transaction-fields td.smaller select,
    .client-page table.transaction-fields td.smaller span.dropdown-box {
      width: 100%; }
    .client-page table.transaction-fields td:first-child.smaller input:not([type]),
    .client-page table.transaction-fields td:first-child.smaller input[type=text],
    .client-page table.transaction-fields td:first-child.smaller input[type=number],
    .client-page table.transaction-fields td:first-child.smaller select,
    .client-page table.transaction-fields td:first-child.smaller span.dropdown-box {
      width: 100%; }
  .client-page .actions {
    margin: 12px 0 0; }
    .client-page .actions .action-button[data-name=save-action] {
      float: none; }
  .automaticbackbonelegcashflowidchooser-page .delete {
    background: transparent url("../images/icons/icon_garbage_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .automaticbackbonelegcashflowidchooser-page .delete:hover {
      background: transparent url("../images/icons/icon_garbage@2x.png") no-repeat 0 center; }
  .automaticbackbonelegcashflowidchooser-page .edit {
    background: transparent url("../images/icons/icon_more_pressed@2x.png") no-repeat 0 center;
    width: 45px;
    height: 45px; }
    .automaticbackbonelegcashflowidchooser-page .edit:hover {
      background: transparent url("../images/icons/icon_more@2x.png") no-repeat 0 center; }
  .automaticbackbonelegcashflowidchooser-page .tab {
    height: 38px;
    -webkit-text-select: none;
    -ms-text-select: none;
    -moz-text-select: none;
    -o-text-select: none;
    text-select: none; }
    .automaticbackbonelegcashflowidchooser-page .tab ul {
      list-style: none none;
      margin: 0 auto;
      padding: 0;
      width: 950px;
      height: 100%; }
    .automaticbackbonelegcashflowidchooser-page .tab li {
      float: left;
      width: 150px;
      height: 100%;
      padding: 0;
      font-size: 18px;
      color: #fff;
      cursor: pointer;
      text-align: left;
      text-indent: 60px;
      border-top: 1px solid #4e5658;
      border-right: 1px solid #4e5658;
      border-left: 1px solid #4e5658; }
      .automaticbackbonelegcashflowidchooser-page .tab li > a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: #fff;
        position: relative;
        background-position: left 22px center;
        background-repeat: no-repeat;
        line-height: 38px; }
        .automaticbackbonelegcashflowidchooser-page .tab li > a.action-budgetrate {
          background-image: url("../images/icons/tab6-4.png"); }
          .automaticbackbonelegcashflowidchooser-page .tab li > a.action-budgetrate.active {
            background-image: url("../images/icons/tab6-4_pressed.png");
            color: #0192C1;
            background-color: #343C3D; }
        .automaticbackbonelegcashflowidchooser-page .tab li > a.action-cashflow {
          background-image: url("../images/icons/tab6-3.png"); }
          .automaticbackbonelegcashflowidchooser-page .tab li > a.action-cashflow.active {
            background-image: url("../images/icons/tab6-3_pressed.png");
            color: #0192C1;
            background-color: #343C3D; }
    .automaticbackbonelegcashflowidchooser-page .tab hr {
      background: #343C3D;
      border-left: 1px solid #4e5658;
      height: 6px;
      margin-top: 1px;
      width: calc(100% - 4px); }
  .automaticbackbonelegcashflowidchooser-page > h1 {
    float: left; }
  .automaticbackbonelegcashflowidchooser-page > h3 {
    float: left;
    margin: 0 0.5em 0.5em 0; }
  .automaticbackbonelegcashflowidchooser-page .pull-right {
    float: right; }
  .automaticbackbonelegcashflowidchooser-page .page-settings {
    padding: 6px 12px 7px; }
    .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable {
      margin: 12px 0 0;
      display: block !important;
      width: auto; }
      .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > thead {
        display: none; }
      .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody {
        display: block;
        height: auto;
        overflow: visible; }
        .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr,
        .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) {
          position: relative;
          display: block;
          width: auto;
          padding: 6px 12px 6px 12px; }
          .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr > td,
          .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td {
            display: block;
            width: auto;
            border-right: 0;
            padding: 0;
            text-align: left; }
            .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr > td:first-child,
            .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:first-child {
              background: none; }
            .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr > td > span.header,
            .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td > span.header {
              float: left;
              width: 70%;
              box-sizing: border-box;
              font-size: 12px;
              padding-right: 12px;
              padding-left: 12px; }
            .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr > td > span.value,
            .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td > span.value {
              float: left;
              width: 30%;
              box-sizing: border-box;
              font-size: 12px; }
            .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr > td:after,
            .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even) > td:after {
              content: "";
              clear: both;
              display: block; }
          .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr:last-child,
          .automaticbackbonelegcashflowidchooser-page .page-settings table.standard-scrollable > tbody > tr:nth-child(even):last-child {
            border-bottom: 0; }
    .automaticbackbonelegcashflowidchooser-page .page-settings.notop {
      margin: 0 0 17px; }
    .automaticbackbonelegcashflowidchooser-page .page-settings span.label {
      display: block;
      vertical-align: middle;
      margin: 0 12px 0 0; }
    .automaticbackbonelegcashflowidchooser-page .page-settings select:disabled,
    .automaticbackbonelegcashflowidchooser-page .page-settings input:disabled {
      background-color: #999999; }
    .automaticbackbonelegcashflowidchooser-page .page-settings select,
    .automaticbackbonelegcashflowidchooser-page .page-settings .dropdown-box {
      display: block;
      width: 100%; }
    .automaticbackbonelegcashflowidchooser-page .page-settings .action-button-blue.centered, .automaticbackbonelegcashflowidchooser-page .page-settings .login-page .centered.action-button, .login-page .automaticbackbonelegcashflowidchooser-page .page-settings .centered.action-button, .automaticbackbonelegcashflowidchooser-page .page-settings .reset-page .centered.action-button, .reset-page .automaticbackbonelegcashflowidchooser-page .page-settings .centered.action-button {
      display: block;
      width: auto;
      position: relative;
      margin: 12px;
      right: auto;
      clear: both; }
    .automaticbackbonelegcashflowidchooser-page .page-settings.two-parted {
      padding: 0; }
    .automaticbackbonelegcashflowidchooser-page .page-settings .labels-area {
      float: left;
      width: 50%;
      box-sizing: border-box;
      margin: 0; }
      .automaticbackbonelegcashflowidchooser-page .page-settings .labels-area.main {
        float: left;
        width: 50%;
        margin: 0; }
  .automaticbackbonelegcashflowidchooser-page table.transaction-fields {
    display: block; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields tbody,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields tr,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields th {
      display: block; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td {
      width: auto;
      padding: 12px 6px 12px 6px; }
      .automaticbackbonelegcashflowidchooser-page table.transaction-fields td.smaller {
        width: auto; }
      .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child {
        width: auto; }
        .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child.smaller {
          width: auto; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input:not([type]),
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=text],
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=number],
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields select,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields span.dropdown-box {
      width: 100%; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields label.p25,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input:not([type]).p25,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=text].p25,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=number].p25,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields select.p25,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields span.dropdown-box.p25 {
      width: 25%; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields label.p50,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input:not([type]).p50,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=text].p50,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=number].p50,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields select.p50,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields span.dropdown-box.p50 {
      width: 50%; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields label.p75,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input:not([type]).p75,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=text].p75,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=number].p75,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields select.p75,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields span.dropdown-box.p75 {
      width: 75%; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields label.p100,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input:not([type]).p100,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=text].p100,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields input[type=number].p100,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields select.p100,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields span.dropdown-box.p100 {
      width: 100%; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td.smaller input:not([type]),
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td.smaller input[type=text],
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td.smaller input[type=number],
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td.smaller select,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td.smaller span.dropdown-box {
      width: 100%; }
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child.smaller input:not([type]),
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child.smaller input[type=text],
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child.smaller input[type=number],
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child.smaller select,
    .automaticbackbonelegcashflowidchooser-page table.transaction-fields td:first-child.smaller span.dropdown-box {
      width: 100%; }
  .automaticbackbonelegcashflowidchooser-page .actions {
    margin: 12px 0 0; }
    .automaticbackbonelegcashflowidchooser-page .actions .action-button[data-name=save-action] {
      float: none; } }

.hedging-recommendation-page > h1 {
  float: left; }

.hedging-recommendation-page .page-settings {
  position: relative;
  padding: 20px 30px 20px;
  margin: 22px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden; }
  .hedging-recommendation-page .page-settings span.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }
  .hedging-recommendation-page .page-settings div.label {
    margin: 10px 0; }
  .hedging-recommendation-page .page-settings select:disabled,
  .hedging-recommendation-page .page-settings input:disabled {
    background-color: #999999; }
  .hedging-recommendation-page .page-settings select,
  .hedging-recommendation-page .page-settings .dropdown-box {
    width: 208px; }
  .hedging-recommendation-page .page-settings table {
    border-collapse: 0;
    border: 0;
    margin: 0;
    padding: 0; }
    .hedging-recommendation-page .page-settings table td,
    .hedging-recommendation-page .page-settings table th {
      padding: 12px 12px 0 0; }
    .hedging-recommendation-page .page-settings table tr:first-child td,
    .hedging-recommendation-page .page-settings table tr:first-child th {
      padding-top: 0; }
  .hedging-recommendation-page .page-settings.two-parted {
    padding: 0 30px 0 0; }
  .hedging-recommendation-page .page-settings .labels-area {
    padding: 10px 0 10px 30px; }
    .hedging-recommendation-page .page-settings .labels-area.main {
      float: left;
      width: 110px;
      background-color: rgba(25, 30, 33, 0.12);
      margin: 0 20px 0 0; }
  .hedging-recommendation-page .page-settings .action-button-blue.centered, .hedging-recommendation-page .page-settings .login-page .centered.action-button, .login-page .hedging-recommendation-page .page-settings .centered.action-button, .hedging-recommendation-page .page-settings .reset-page .centered.action-button, .reset-page .hedging-recommendation-page .page-settings .centered.action-button {
    position: absolute;
    left: 70%;
    top: 50%;
    margin: -22px 0 0; }
  .hedging-recommendation-page .page-settings .action-button-green.end, .hedging-recommendation-page .page-settings .login-page .end.action-button-transp, .login-page .hedging-recommendation-page .page-settings .end.action-button-transp, .hedging-recommendation-page .page-settings .exchange-rate-calculator-page .end.action-button, .exchange-rate-calculator-page .hedging-recommendation-page .page-settings .end.action-button {
    position: absolute;
    left: 85%;
    top: 50%;
    margin: -22px 0 0; }
  .hedging-recommendation-page .page-settings .action-button-green.centered, .hedging-recommendation-page .page-settings .login-page .centered.action-button-transp, .login-page .hedging-recommendation-page .page-settings .centered.action-button-transp, .hedging-recommendation-page .page-settings .exchange-rate-calculator-page .centered.action-button, .exchange-rate-calculator-page .hedging-recommendation-page .page-settings .centered.action-button {
    position: absolute;
    left: 500px;
    top: 50%;
    margin: -22px 0 0; }
  .hedging-recommendation-page .page-settings .action-button-blue-small.centered {
    position: absolute;
    left: 70%;
    top: 50%;
    margin: -22px 0 0; }
  .hedging-recommendation-page .page-settings .action-button-green-small.end {
    position: absolute;
    left: 85%;
    top: 50%;
    margin: -22px 0 0; }
  .hedging-recommendation-page .page-settings .action-button-green-small.centered {
    position: absolute;
    left: 500px;
    top: 50%;
    margin: -22px 0 0; }

.hedging-recommendation-page .accept {
  background: transparent url("../images/icons/icon_v_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }

.hedging-recommendation-page .accept-active {
  background: transparent url("../images/icons/icon_v_pressed@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }

.hedging-recommendation-page .reject {
  background: transparent url("../images/icons/icon_x_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }

.hedging-recommendation-page .change_icon {
  background: transparent url("../images/icons/tab6-3_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left;
  color: #aeaeae; }

.hedging-recommendation-page .duplicate {
  background: transparent url("../images/icons/tab5_gray@2x.png") no-repeat 0 center;
  width: 39px;
  height: 45px;
  float: left; }

.hedging-recommendation-page .expand {
  background: transparent url("../images/icons/button_plus_expand_gray@2x.png") no-repeat 0 center;
  width: 39px;
  height: 45px;
  float: right; }

.hedging-recommendation-page .expand:hover {
  background: transparent url("../images/icons/button_plus_expand_blue@2x.png") no-repeat 0 center;
  width: 39px;
  height: 45px;
  float: right; }

.hedging-recommendation-page .expand-active {
  background: transparent url("../images/icons/button_minus_expand_gray@2x.png") no-repeat 0 center;
  width: 39px;
  height: 45px;
  float: right; }

.hedging-recommendation-page .expand-active:hover {
  background: transparent url("../images/icons/button_minus_expand_blue@2x.png") no-repeat 0 center;
  width: 39px;
  height: 45px;
  float: right; }

.hedging-recommendation-page .reject-active {
  background: transparent url("../images/icons/icon_x_red@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left; }

.hedging-recommendation-page .reject-inline {
  background: transparent url("../images/icons/icon_x_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left;
  margin-top: -12px; }

.hedging-recommendation-page .reject-inline-active {
  background: transparent url("../images/icons/icon_x_red@2x.png") no-repeat 0 center;
  width: 45px;
  height: 45px;
  float: left;
  margin-top: -12px; }

.hedging-recommendation-page .accept-min {
  background: transparent url("../images/icons/icon_v_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 24px;
  float: left; }

.hedging-recommendation-page .accept-min-active {
  background: transparent url("../images/icons/icon_v_pressed@2x.png") no-repeat 0 center;
  width: 45px;
  height: 24px;
  float: left; }

.hedging-recommendation-page .reject-min {
  background: transparent url("../images/icons/icon_x_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 24px;
  float: left; }

.hedging-recommendation-page .gold {
  color: #D3D3A7; }

.hedging-recommendation-page .blue {
  color: #0099c3; }

.hedging-recommendation-page .change-min_icon {
  background: transparent url("../images/icons/tab6-3_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 24px;
  float: left;
  color: #aeaeae; }

.hedging-recommendation-page .duplicate-min {
  background: transparent url("../images/icons/tab5_gray@2x.png") no-repeat 0 center;
  width: 39px;
  height: 24px;
  float: left;
  margin-left: 8px; }

.hedging-recommendation-page .pricer-min {
  background: transparent url("../images/icons/icon_indication_calculator.png") no-repeat 0 center;
  width: 39px;
  height: 24px;
  float: left;
  margin-left: 8px; }

.hedging-recommendation-page .expand-min {
  background: transparent url("../images/icons/button_plus_expand_gray@2x.png") no-repeat 0 center;
  width: 39px;
  height: 24px;
  float: right; }

.hedging-recommendation-page .expand-min:hover {
  background: transparent url("../images/icons/button_plus_expand_blue@2x.png") no-repeat 0 center;
  width: 39px;
  height: 24px;
  float: right; }

.hedging-recommendation-page .expand-min-active {
  background: transparent url("../images/icons/button_minus_expand_gray@2x.png") no-repeat 0 center;
  width: 39px;
  height: 24px;
  float: right; }

.hedging-recommendation-page .expand-min-active:hover {
  background: transparent url("../images/icons/button_minus_expand_blue@2x.png") no-repeat 0 center;
  width: 39px;
  height: 24px;
  float: right; }

.hedging-recommendation-page .reject-min-active {
  background: transparent url("../images/icons/icon_x_red@2x.png") no-repeat 0 center;
  width: 45px;
  height: 24px;
  float: left; }

.hedging-recommendation-page .reject-min-inline {
  background: transparent url("../images/icons/icon_x_gray@2x.png") no-repeat 0 center;
  width: 45px;
  height: 24px;
  float: left;
  margin-top: -12px; }

.hedging-recommendation-page .reject-min-inline-active {
  background: transparent url("../images/icons/icon_x_red@2x.png") no-repeat 0 center;
  width: 45px;
  height: 24px;
  float: left;
  margin-top: -12px; }

.hedging-recommendation-page .expired {
  margin-top: 12px;
  color: red;
  float: left; }

.hedging-recommendation-page .info-area {
  width: 76%; }

.hedging-recommendation-page .action-area {
  width: 18%;
  float: right; }

.hedging-recommendation-page .confirm {
  margin: 0 0 15px 15px; }

.hedging-recommendation-page .page-content {
  padding: 16px 30px;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text; }
  .hedging-recommendation-page .page-content.m-top-20 {
    margin-top: 20px; }
  .hedging-recommendation-page .page-content.m-right-200 {
    margin-right: 200px; }

.hedging-recommendation-page hr {
  background: #717777;
  margin: 12px 0; }

.hedging-recommendation-page .actions {
  margin: 20px 0 0; }
  .hedging-recommendation-page .actions .action-button[data-name=save-action] {
    margin-bottom: 60px;
    float: right; }
  .hedging-recommendation-page .actions .change:before {
    content: "<";
    display: inline-block;
    font-family: serif;
    margin: 0 6px 0 0; }

.hedging-recommendation-page section.transaction-fields p {
  margin: 0; }

.hedging-recommendation-page section.transaction-fields .value {
  color: #D3D3A7; }

.hedging-recommendation-page .setting {
  display: inline-block; }
  .hedging-recommendation-page .setting.value {
    color: #1EAAD8;
    padding: 0 10px 0 10px; }

.hedging-recommendation-page table {
  margin-top: 20px; }

@media screen and (max-width: 767px) {
  .hedging-recommendation-page .page-content {
    padding: 16px; }
    .hedging-recommendation-page .page-content.m-top-20 {
      margin-top: 20px; }
    .hedging-recommendation-page .page-content.m-right-200 {
      margin-right: 200px; }
  .hedging-recommendation-page .actions {
    margin: 20px 0 0; }
    .hedging-recommendation-page .actions .action-button[data-name=save-action] {
      float: none;
      margin: 12px 0 0; }
  .hedging-recommendation-page section.transaction-fields {
    margin: 24px 0 0 0; }
    .hedging-recommendation-page section.transaction-fields .value {
      color: #D3D3A7; }
  .hedging-recommendation-page .setting {
    float: left; }
    .hedging-recommendation-page .setting.value + .key {
      clear: left; }
    .hedging-recommendation-page .setting.value {
      color: #1EAAD8;
      padding: 0 10px 0 10px; } }