@charset "UTF-8";
/*! Cachematrix - v7.5.0 - 2023-08-04 [copyright: Copyright© 2016 Cachematrix Holdings LLC. All rights reserved. U.S. Pat. No. 7,835,976.] */

/*#region Font-override*/
/*#endregion*/
/*#region Font-size*/
/*#endregion*/
/*#region Width*/
/*#endregion*/
/*#region Colors*/
/*#endregion*/
/*#region label*/
/*#endregion*/
/*#region Buttons*/
/*#endregion*/
/*#region Paragraph*/
/*#endregion*/
/*#region Links*/
/*#endregion*/
/*#region Dropdown*/
/*#endregion*/
/*#region Input - textbox */
/*#endregion*/
/*#region Textarea*/
/*#endregion*/
/*#region Grids*/
/*#endregion*/
/*#region Calendar*/
/*#endregion*/
/*#region Layout*/
/*#endregion*/
/*#region Header*/
/*#endregion*/
/*#region navigation*/
/*#endregion*/
/*#region sub-navigation*/
/*#endregion*/
/*#Custom Navigation*/
/*#region Introduction section*/
/*#endregion*/
/*#region BOTTOM - wrapper under which footer is placed*/
/*#endregion*/
/*#region Common CSS for content section in all pages*/
/*#endregion*/
/*#region Download*/
/*#endregion*/
/*#region tabs*/
/*#endregion*/
/*#region modal popup*/
/*#endregion*/
/*#region dialog*/
/*#endregion*/
/*FundDetail dialog*/
/*#region Jvector Map*/
/*#endregion*/
/*#region Pages overrides*/
/*#endregion*/
/*#region printer friendly*/
/*#endregion*/
/*#New Variables from CS*/
/*#New Variables for Bank Product Research*/
/* Combined Research*/
/*Bank Product Trading*/
/*BP Trade Confirmation*/
/*#endregion*/
/*MMF Product Trading*/
/*region Global messaging*/
/*#endregion*/
/*region Delegated Admin*/
/*#region Error*/
/*#endregion*/
/*#region Font-size*/
/*$global-line-height: 1.428571429;*/
/*#endregion*/
/*Links*/
/*#region label*/
/*#endregion*/
/*#region Modal*/
/*#endregion*/
/*#region accordian*/
/*#endregion*/
/*#region Grids*/
/*#endregion*/
/*#region Tooltip*/
/*#endregion*/
/*#endregion*/
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url(../../Components/Vendor/angular-material/material-design-icons/iconfont/material-icons.css);
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: CitiSans, arial, helvetica, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
  margin: 0;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #236093;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #236093;
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.03125rem;
}

h2, .h2 {
  font-size: 1.625rem;
}

h3, .h3 {
  font-size: 1.42188rem;
}

h4, .h4 {
  font-size: 1.21875rem;
}

h5, .h5 {
  font-size: 1.01563rem;
}

h6, .h6 {
  font-size: 0.8125rem;
}

.lead {
  font-size: 1.01563rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.01563rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .column .exposure-country-bars, .col-lg-6, .column .exposure-category, .column .exposure-issuer, .col-lg-7, .column .exposure-country-maps, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .column.col-md-4 .exposure-country-bars, .column.col-md-4 .exposure-country-maps, .column.col-md-4 .exposure-category, .column.col-md-4 .exposure-issuer, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5, .column .exposure-country-bars {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6, .column .exposure-category, .column .exposure-issuer {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7, .column .exposure-country-maps {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12, .column.col-md-4 .exposure-country-bars, .column.col-md-4 .exposure-country-maps, .column.col-md-4 .exposure-category, .column.col-md-4 .exposure-issuer {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #c5c5c5;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #c5c5c5;
}

.table tbody + tbody {
  border-top: 2px solid #c5c5c5;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #c5c5c5;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #c5c5c5;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #c5c5c5;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: 31px;
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #333333;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #333333;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.01563rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.71094rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.71094rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.01563rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.71094rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.71094rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #236093;
  text-decoration: none;
}

.btn-link:hover {
  color: #236093;
  text-decoration: none;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: none;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.01563rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.71094rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 0.75rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.71094rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.01563rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.71094rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.21875rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.10938rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: 0.10938rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.10938rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: 31px;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
  color: #333333;
  background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

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

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.71094rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.01563rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 31px;
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 31px;
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 31px;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #333333;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
  cursor: default;
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #999999;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #999999;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.34766rem;
  padding-bottom: 0.34766rem;
  margin-right: 1rem;
  font-size: 1.01563rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.01563rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: flex;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: flex;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card .card-header {
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #236093;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #236093;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.01563rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.71094rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 3px 7px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.85rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3.71875rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.60938rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
          animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
            animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}

.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.21875rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #b2cece;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.7;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 13px 0 13px;
  border-bottom: 1px solid #c5c5c5;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 0 13px 0 13px;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #c5c5c5;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.71094rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner, #CMReport_FundComparison .tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.71094rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.8125rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
          animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow .75s linear infinite;
          animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

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

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #c5c5c5 !important;
}

.border-top {
  border-top: 1px solid #c5c5c5 !important;
}

.border-right {
  border-right: 1px solid #c5c5c5 !important;
}

.border-bottom {
  border-bottom: 1px solid #c5c5c5 !important;
}

.border-left {
  border-left: 1px solid #c5c5c5 !important;
}

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

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

.border-right-0 {
  border-right: 0 !important;
}

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

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

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

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

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

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

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

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

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

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

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

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

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

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

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

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

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

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

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

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

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

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

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #c5c5c5;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #c5c5c5;
  }
}

/* ========================================================================
   Component: _bootstrap-reset.scss
 ========================================================================== */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

/*--- Bootstrap Nav overrides ---*/
.nav-tabs {
  padding-left: 10px;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -2px;
}

.nav-tabs > li > a {
  margin-right: 0;
  border: 1px solid #999999;
  border-left: 0 none;
  background-color: transparent;
  background-image: linear-gradient(to bottom, #bbb 0%, #999999 100%);
  font-weight: bold;
  color: #fff;
  padding: 5px 15px;
  display: inline-block;
}

.nav-tabs > li > a span i {
  font-size: 0px;
  background: url(../Widgets/images/icon_info.png) no-repeat scroll transparent;
  height: 20px;
  width: 20px;
  float: right;
  margin-left: 5px;
}

.nav-tabs > li > a:first-child {
  border-left: 1px solid #999999;
}

.nav-tabs > li > a:hover {
  background-image: none;
  background-color: #666666;
  color: #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  margin-top: 0px;
  box-shadow: 0 -1px 3px #999999;
  background-image: none;
  background-color: #fff;
  border-bottom-width: 2px;
}

.nav li a, .pagination, .carousel, .card-title a {
  cursor: pointer;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
  border-bottom: 0;
}

.modal-backdrop {
  position: fixed;
  bottom: 0;
}

a:not([href]):not([tabindex]) {
  color: #236093;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:not([href]):not([tabindex]):hover {
  color: #236093;
  text-decoration: none;
}

/* ========================================================================
   Component: _utils.scss
 ========================================================================== */
.m0 {
  margin: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.m {
  margin: 10px !important;
}

.ml, .mh {
  margin-left: 10px !important;
}

.mr, .mh {
  margin-right: 10px !important;
}

.mt, .mv {
  margin-top: 10px !important;
}

.mb, .mv {
  margin-bottom: 10px !important;
}

.m-sm {
  margin: 5px !important;
}

.ml-sm, .mh-sm {
  margin-left: 5px !important;
}

.mr-sm, .mh-sm {
  margin-right: 5px !important;
}

.mt-sm, .mv-sm {
  margin-top: 5px !important;
}

.mb-sm, .mv-sm {
  margin-bottom: 5px !important;
}

.m-lg {
  margin: 15px !important;
}

.ml-lg, .mh-lg {
  margin-left: 15px !important;
}

.mr-lg, .mh-lg {
  margin-right: 15px !important;
}

.mt-lg, .mv-lg {
  margin-top: 15px !important;
}

.mb-lg, .mv-lg {
  margin-bottom: 15px !important;
}

.m-xl {
  margin: 30px !important;
}

.ml-xl {
  margin-left: 30px !important;
}

.mr-xl {
  margin-right: 30px !important;
}

.mt-xl {
  margin-top: 30px !important;
}

.mb-xl {
  margin-bottom: 30px !important;
}

.p0 {
  padding: 0 !important;
}

.pl0, .ph0 {
  padding-left: 0 !important;
}

.pr0, .ph0 {
  padding-right: 0 !important;
}

.pt0, .pv0 {
  padding-top: 0 !important;
}

.pb0, .pv0 {
  padding-bottom: 0 !important;
}

.p {
  padding: 10px !important;
}

.pl, .ph {
  padding-left: 10px !important;
}

.pr, .ph {
  padding-right: 10px !important;
}

.pt, .pv {
  padding-top: 10px !important;
}

.pb, .pv {
  padding-bottom: 10px !important;
}

.p-sm {
  padding: 5px !important;
}

.pl-sm, .ph-sm {
  padding-left: 5px !important;
}

.pr-sm, .ph-sm {
  padding-right: 5px !important;
}

.pt-sm, .pv-sm {
  padding-top: 5px !important;
}

.pb-sm, .pv-sm {
  padding-bottom: 5px !important;
}

.p-lg {
  padding: 15px !important;
}

.pl-lg, .ph-lg {
  padding-left: 15px !important;
}

.pr-lg, .ph-lg {
  padding-right: 15px !important;
}

.pt-lg, .pv-lg {
  padding-top: 15px !important;
}

.pb-lg, .pv-lg {
  padding-bottom: 15px !important;
}

.p-xl {
  padding: 30px !important;
}

.pl-xl, .ph-xl {
  padding-left: 30px !important;
}

.pr-xl, .ph-xl {
  padding-right: 30px !important;
}

.pt-xl, .pv-xl {
  padding-top: 30px !important;
}

.pb-xl, .pv-xl {
  padding-bottom: 30px !important;
}

.b0 {
  border-width: 0 !important;
}

.bl0 {
  border-left-width: 0 !important;
}

.br0 {
  border-right-width: 0 !important;
}

.bt0 {
  border-top-width: 0 !important;
}

.bb0 {
  border-bottom-width: 0 !important;
}

.br, .b, .ba {
  border-right: 1px solid #c5c5c5;
}

.bl, .b, .ba {
  border-left: 1px solid #c5c5c5;
}

.bt, .b, .ba {
  border-top: 1px solid #c5c5c5;
}

.bb, .b, .ba {
  border-bottom: 1px solid #c5c5c5;
}

.radius-clear {
  border-radius: 0 !important;
}

.shadow-clear {
  box-shadow: 0 0 0 #000 !important;
}

.text-white {
  color: #fff;
}

.text-alpha {
  color: rgba(255, 255, 255, 0.5);
}

.text-brown {
  color: #311A07;
}

.text-dark {
  color: #324060;
}

.text-alpha-inverse {
  color: rgba(0, 0, 0, 0.5);
}

.text-green {
  color: #eff7d3;
}

.text-yellow {
  color: #F7CE6B;
}

.text-gray-darker {
  color: #666666;
}

.text-gray-dark {
  color: #999999;
}

.text-gray {
  color: #999999;
}

.text-gray-light {
  color: #e6e6e6;
}

.text-gray-lighter {
  color: #E9E9E9;
}

.text-xsm, footer a, footer a:link, footer .terms {
  font-size: 0.56875rem;
}

.text-sm {
  font-size: 0.69062rem;
}

.text-md {
  font-size: 1.54375rem;
}

.text-lg {
  font-size: 2.4375rem;
}

.text-nowrap {
  white-space: nowrap;
}

.text-thin {
  font-weight: 100 !important;
}

.text-normal {
  font-weight: normal !important;
}

.text-bold {
  font-weight: bold !important;
}

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

.block-center {
  margin: 0 auto;
}

.bg-primary {
  /*&-light {
    $col: ~"${bgcolor}-light";
    background-color: $col;
    color: $text-color !important;
  }
  &-dark {
    $col: ~"${bgcolor}-dark";
    background-color: $col;
    color: $text-color !important;
  }*/
}

.bg-primary {
  background-color: #ededed;
  color: #fff !important;
}

.bg-primary small {
  color: inherit;
}

.bg-success {
  /*&-light {
    $col: ~"${bgcolor}-light";
    background-color: $col;
    color: $text-color !important;
  }
  &-dark {
    $col: ~"${bgcolor}-dark";
    background-color: $col;
    color: $text-color !important;
  }*/
}

.bg-success {
  background-color: #66a430;
  color: #fff !important;
}

.bg-success small {
  color: inherit;
}

.bg-info {
  /*&-light {
    $col: ~"${bgcolor}-light";
    background-color: $col;
    color: $text-color !important;
  }
  &-dark {
    $col: ~"${bgcolor}-dark";
    background-color: $col;
    color: $text-color !important;
  }*/
}

.bg-info {
  background-color: #3B8696;
  color: #fff !important;
}

.bg-info small {
  color: inherit;
}

.bg-warning {
  /*&-light {
    $col: ~"${bgcolor}-light";
    background-color: $col;
    color: $text-color !important;
  }
  &-dark {
    $col: ~"${bgcolor}-dark";
    background-color: $col;
    color: $text-color !important;
  }*/
}

.bg-warning {
  background-color: #F7CE6B;
  color: #fff !important;
}

.bg-warning small {
  color: inherit;
}

.bg-danger {
  /*&-light {
    $col: ~"${bgcolor}-light";
    background-color: $col;
    color: $text-color !important;
  }
  &-dark {
    $col: ~"${bgcolor}-dark";
    background-color: $col;
    color: $text-color !important;
  }*/
}

.bg-danger {
  background-color: #D4001A;
  color: #fff !important;
}

.bg-danger small {
  color: inherit;
}

.bg-green {
  /*&-light {
    $col: ~"${bgcolor}-light";
    background-color: $col;
    color: $text-color !important;
  }
  &-dark {
    $col: ~"${bgcolor}-dark";
    background-color: $col;
    color: $text-color !important;
  }*/
}

.bg-green {
  background-color: #eff7d3;
  color: #fff !important;
}

.bg-green small {
  color: inherit;
}

.bg-white {
  background-color: #fff;
  color: inherit !important;
}

.bg-gray-darker {
  background-color: #666666;
  color: #fff !important;
}

.bg-gray-dark {
  background-color: #999999;
  color: #fff !important;
}

.bg-gray {
  background-color: #999999;
  color: #666 !important;
}

.bg-gray-light {
  background-color: #e6e6e6;
  color: #666 !important;
}

.bg-gray-lighter {
  background-color: #E9E9E9;
  color: #666 !important;
}

.bg-cover {
  background-size: cover;
}

.thumb8 {
  width: 8px !important;
  height: 8px !important;
}

.thumb16 {
  width: 16px !important;
  height: 16px !important;
}

.thumb32 {
  width: 32px !important;
  height: 32px !important;
}

.thumb48 {
  width: 48px !important;
  height: 48px !important;
}

.thumb64 {
  width: 64px !important;
  height: 64px !important;
}

.thumb80 {
  width: 80px !important;
  height: 80px !important;
}

.thumb96 {
  width: 96px !important;
  height: 96px !important;
}

.thumb128 {
  width: 128px !important;
  height: 128px !important;
}

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

.align-top {
  vertical-align: top;
}

.align-bottom {
  vertical-align: bottom;
}

.bg-center {
  background-position: center center;
  background-size: cover;
}

.list-icon em {
  font-size: 14px;
  width: 40px;
  vertical-align: middle;
  margin: 0;
  display: inline-block;
  text-align: center;
  transition: all 0.2s;
  line-height: 30px;
}

@media (prefers-reduced-motion: reduce) {
  .list-icon em {
    transition: none;
  }
}

.list-icon div:hover em {
  transform: scale(3, 3);
}

.wd-xxs {
  width: 60px;
}

.wd-xs {
  width: 90px;
}

.wd-sm {
  width: 150px;
}

.wd-sd {
  width: 200px;
}

.wd-md {
  width: 240px;
}

.wd-lg {
  width: 280px;
}

.wd-xl {
  width: 320px;
}

.wd-xxl {
  width: 360px;
}

.wd-wide {
  width: 100%;
}

.wd-auto {
  width: auto;
}

.wd-zero {
  width: 0;
}

.alert-green {
  color: #fff;
  background-color: #eff7d3;
  border-color: #eff7d3;
}

.alert-green hr {
  border-top-color: #e7f3bd;
}

.alert-green .alert-link {
  color: #e6e6e6;
}

.abs-center-container {
  position: relative;
}

.abs-center {
  height: 50%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.abs-center.abs-fixed {
  position: fixed;
  z-index: 999;
}

.abs-center.abs-right {
  left: auto;
  right: 20px;
  text-align: right;
}

.abs-center.abs-left {
  right: auto;
  left: 20px;
  text-align: left;
}

.link-unstyled {
  text-decoration: none !important;
  outline: none !important;
}

.no-resize {
  resize: none;
  max-width: 100%;
  min-width: 100%;
}

/** 
 * Displays hidden content on hover. Add this class to the parent element.
 * Markup
 *   <div class="hover-visible">
 *    <div class="hover-hidden"></div>
 *   </div>
 */
.hover-visible .hover-hidden {
  display: none;
}

.hover-visible:hover .hover-hidden {
  display: block;
}

.hover-visible:hover .hover-visible-inline {
  display: inline-block;
}

.media-box,
.media-box-body {
  overflow: hidden;
  zoom: 1;
}

.media-box,
.media-box .media-box {
  margin-top: 15px;
}

.media-box:first-child {
  margin-top: 0;
}

.media-box-object {
  display: block;
}

.media-box-heading {
  margin: 0 0 5px;
}

.media-box > .pull-left {
  margin-right: 10px;
}

.media-box > .pull-right {
  margin-left: 10px;
}

.media-box-list {
  padding-left: 0;
  list-style: none;
}

/* ========================================================================
   Component: global > _layout.scss
 ========================================================================== */
footer a, footer a:link {
  color: #3a5381;
  text-decoration: underline;
}

footer a:active {
  color: #3a5381;
}

footer a:visited {
  color: #324D60;
}

footer .footer-logo {
  position: relative;
  margin: -20px 0 0 0;
  right: -50px;
}

footer .terms {
  color: #9B9289;
}

footer .tablelink {
  margin: 0 5px;
}

footer .fundlink {
  margin: 0 0 0 5px;
}

footer .pdf {
  align-content: center;
  color: #9B9289;
}

/* ========================================================================
   Component: global > _common.scss
 ========================================================================== */
/* -------------------------------->> Modals <<---------------------------------- */
.instructional-dialog-wrapper .modal_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.instructional-dialog-wrapper .modal_body > div {
  flex: 0 0 300px;
  margin-right: 10px;
}

.instructional-dialog-wrapper .modal_body > div:last-child {
  margin-right: 0;
}

.instructional-dialog-wrapper .instruction-step {
  text-align: center;
}

.instructional-dialog-wrapper .instruction-step img {
  width: 300px;
}

.instructional-dialog-wrapper .instruction-step h4 {
  font-weight: bold;
}

.instructional-dialog-wrapper .instruction-step p {
  text-align: center;
}

.instructional-dialog-wrapper .modal_footer .modal_footer_message {
  margin-top: 20px;
  color: #fb4604;
}

.instructional-dialog-wrapper .modal_footer .modal_footer_actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #999999;
}

.instructional-dialog-wrapper .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.instructional-dialog-wrapper .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #999;
}

.instructional-dialog-wrapper .mat-checkbox-checkmark, .instructional-dialog-wrapper .mat-checkbox-mixedmark {
  fill: #999;
}

.processing_modal_wrapper .modal_body {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.processing_modal_wrapper .processing_message p {
  display: block;
  width: 100%;
}

.processing_modal_wrapper .processing_message p em {
  font-style: normal;
  color: #fb4604;
}

.processing_modal_wrapper .modal_footer_actions {
  display: flex;
  justify-content: flex-end;
}

.processing_modal_wrapper .btn.btn-primary.hyperlink {
  background: none;
  border: none;
  font-weight: bold !important;
  color: #0f2d5d;
}

.processing_modal_wrapper .mat-progress-spinner {
  margin: 10px 20px 25px 20px;
}

.compliance_violation_results_modal_wrapper .modal_header {
  margin-bottom: 20px;
}

.compliance_violation_results_modal_wrapper h3 {
  margin: 0 0 5px;
  text-transform: none;
}

.compliance_violation_results_modal_wrapper .compliance_results {
  display: flex;
  flex-direction: column;
}

.compliance_violation_results_modal_wrapper .compliance_results .compliance-results-header, .compliance_violation_results_modal_wrapper .compliance_results .compliance-results-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.compliance_violation_results_modal_wrapper .compliance_results .compliance-results-header > div {
  flex: 1 1 auto;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

.compliance_violation_results_modal_wrapper .compliance_results .compliance-results-header > div:last-child {
  flex: 0 0 125px;
}

.compliance_violation_results_modal_wrapper .compliance_results .compliance-results-row {
  padding: 10px 0;
  border-bottom: 1px solid #999999;
}

.compliance_violation_results_modal_wrapper .compliance_results .compliance-results-row > div {
  flex: 1 1 auto;
}

.compliance_violation_results_modal_wrapper .compliance_results .compliance-results-row > div:last-child {
  flex: 0 0 125px;
}

.compliance_violation_results_modal_wrapper .compliance_results p {
  color: #999999;
  margin-top: 10px;
}

.compliance_violation_results_modal_wrapper .compliance_results em {
  font-style: italic;
}

.compliance_violation_results_modal_wrapper .modal_footer_actions {
  text-align: right;
}

.successColor {
  color: #66a430;
}

.warnColor {
  color: #F7CE6B;
}

.errorColor {
  color: #D4001A;
}

/* -------------------------------->> Errors <<---------------------------------- */
.CMGlobal_errormessage {
  clear: both;
  color: #fb4604;
  float: left;
  font-weight: bold;
  margin: 0px !important;
  text-align: left;
  width: 100%;
}

#CMGlobal_error {
  color: #fb4604;
  font-weight: bold;
  padding: 5px;
}

#CMGlobal_error span {
  color: #fb4604 !important;
}

.CMGlobal_errormessage a {
  color: #fb4604;
  text-decoration: underline;
}

.CMGlobal_errormessage a:active, .CMGlobal_errormessage a:visited {
  color: #fb4604;
  text-decoration: underline;
}

#blocker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  overflow: auto;
}

#blocker div {
  z-index: 1001;
  position: fixed;
  padding: 0;
  margin: 0;
  width: 30%;
  top: 40%;
  left: 35%;
  text-align: center;
  color: black;
  border: 1px solid #666 !important;
  background-color: white;
  cursor: wait;
  border-radius: 0 !important;
}

#blocker h1 {
  font-size: 18px;
  margin-top: 0;
  font-weight: bold;
}

.blockMsg {
  background-image: url(../images/ajaxloader.gif);
  background-position: center 50px;
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: bold !important;
  padding: 20px 40px 40px 40px !important;
  width: 30% !important;
}

@media (min-width: 1200px) {
  .container {
    max-width: none;
  }
}

.CMAlerts_grid-container #GridArea #grid td {
  white-space: pre-line;
}

/* ========================================================================
   Component: global > _adf.scss - angular dashboard framework
 ========================================================================== */
.adf-move {
  cursor: move;
  cursor: -webkit-grabbing;
}

.edit .column {
  min-height: 120px;
  padding-top: 15px;
}

pre.edit {
  margin-top: 15px;
}

.column .placeholder {
  opacity: 0.4;
  background: #e6e6e6;
  border: 1px dashed #333333;
  margin-bottom: 15px;
  border-radius: 5px;
}

.widget h3 a, .dashboard-container h1 a {
  text-decoration: none;
}

.padding-bottom {
  padding-bottom: 5px;
}

.adf-flip {
  transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH";
}

/*
 modal dialog in fullscreen
*/
.dashboard-modal.widget-fullscreen .modal-dialog {
  width: 98%;
}

.dashboard-modal.widget-layout .modal-dialog {
  width: 650px;
  max-width: 100%;
}

.thumbnail {
  float: left;
  margin-right: 25px;
  margin-bottom: 18px;
  padding: 0;
  background-color: #E9E9E9 !important;
  width: 180px;
  height: 100px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.thumbnail:last-child {
  margin-right: 0;
}

structure-thumb h3 {
  font-size: 12px !important;
  text-align: center !important;
}

structure-thumb .layoutItm {
  height: 98px;
}

structure-thumb .layoutItm div {
  float: left;
}

structure-thumb .layoutItm > div[mcol],
structure-thumb .layoutItm > div[subcol] {
  height: 100%;
  border-right: 1px solid #999999;
}

structure-thumb .layoutItm > div[mcol]:last-child,
structure-thumb .layoutItm > div[subcol]:last-child {
  border-right: 0 none;
}

structure-thumb .layoutItm > div[tsubcol],
structure-thumb .layoutItm > div[bsubcol] {
  height: 50%;
  border: 0 none;
  border-bottom: 1px solid #999999;
}

structure-thumb .layoutItm > div[bsubcol] {
  border: 0 none;
  border-top: 1px solid #999999;
}

structure-thumb .layoutItm > div[subcol] {
  height: 50%;
}

.form-group label {
  display: block;
  font-size: 14px;
  font-weight: bold;
}

.thumb-selected {
  border: 2px solid #fb4604;
}

.circle {
  background-color: #999999;
  border: 2px solid transparent;
  border-radius: 50%;
  display: inline-block;
  height: 7px;
  margin: 0 0.5em 0 0;
  vertical-align: baseline;
  width: 7px;
  cursor: pointer;
  text-align: center;
  line-height: 1em;
}

.circle-danger {
  background-color: #fb4604;
}

.fund-tracker .removebtn {
  height: 15px;
  width: 15px;
  color: #fff !important;
  margin: 18px 0 0 0;
}

.widget i {
  font-size: 16px;
  color: #999999;
}

.widget i:hover {
  color: #000;
}

.widget a {
  margin-right: 5px;
}

.widget a:last-child {
  margin-right: 0;
}

.removebtn i {
  font-size: 10px;
  color: #fff;
}

/* ========================================================================
   Component: _vector-map.scss
 ========================================================================== */
.jvectormap-label {
  display: none;
  position: absolute;
  padding: 5px;
  background: #fff;
  color: #000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px !important;
  border: solid 1px #ccc !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
}

.jvectormap-zoomin, .jvectormap-zoomout {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 15px;
  height: 15px;
  padding: 2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #292929;
  color: #fff;
  cursor: pointer;
  line-height: 10px;
  text-align: center;
}

.jvectormap-zoomout {
  left: 30px;
}

/* ========================================================================
   Component: Global > app-base > components > _buttons.scss
 ========================================================================== */
.btn-link {
  border-color: transparent;
}

.btn-icon {
  color: #236093;
  font-weight: normal;
  border-radius: 0;
  font-size: 12px;
}

.btn-icon, .btn-icon:active, .btn-icon.active, .btn-icon[disabled],
fieldset[disabled] .btn-icon {
  background-color: transparent;
}

.btn-icon, .btn-icon:hover, .btn-icon:focus, .btn-icon:active {
  border-color: transparent;
}

.btn-icon:hover, .btn-icon:focus {
  color: #236093;
  text-decoration: none;
  background-color: transparent;
}

.btn-icon[disabled]:hover, .btn-icon[disabled]:focus,
fieldset[disabled] .btn-icon:hover,
fieldset[disabled] .btn-icon:focus {
  color: #6c757d;
  text-decoration: none;
}

.btn-icon > span {
  position: relative;
  top: 2px;
  left: -5px;
  color: #ededed;
  font-size: 1.01563rem;
}

.btn-secondary {
  color: #333333;
  background-color: #FFFFFF;
  border-color: #CCCCCC;
}

.btn-secondary:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-primary {
  color: #236093;
  background-color: #236093;
  border-color: #236093;
}

.btn-primary:disabled {
  color: #236093;
  background-color: #236093;
  border-color: #236093;
}

.btn-primary:not(:disabled):not(.disabled):active {
  color: #236093;
  background-color: #236093;
  border-color: #B5BD00;
}

.btn-primary:hover {
  color: #236093;
  background-color: #236093;
  border-color: #236093;
}

.CMbuttonbox {
  clear: both;
  float: right;
  padding: 10px 20px;
}

.CMbuttonbox > div {
  float: left;
  margin: 0 0 0 5px;
}

.CMbutton {
  background: #236093;
  border: medium none;
  border-color: #236093;
  border-radius: 5px;
  color: #236093;
  cursor: pointer;
  float: left;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 0.8125rem;
  padding: 10px;
}

.CMbutton:hover, .CMbutton.selected {
  color: #236093;
  background: #236093;
  border-color: #236093;
  border: medium none;
  font-size: 0.8125rem;
}

.CMbutton[disabled] {
  color: #236093;
  background-color: #236093;
  border-color: #236093;
  cursor: default;
  opacity: 0.35;
}

.CMbutton[disabled]:hover {
  color: #236093;
  background-color: #236093;
  border-color: #236093;
  cursor: default;
  opacity: 0.35;
}

a.CMbutton {
  border: medium none;
  color: #fff;
  -webkit-filter: none;
          filter: none;
  text-decoration: none;
}

a.CMbutton:hover {
  border: medium none;
  -webkit-filter: none;
          filter: none;
  text-decoration: none;
}

.hyperlink {
  background: none;
  border: none;
  color: #236093;
  -webkit-filter: none;
          filter: none;
  text-decoration: underline !important;
  font-weight: normal !important;
}

.hyperlink:hover {
  background: none !important;
  box-shadow: none !important;
  border: none;
  color: #236093;
  text-decoration: none;
  -webkit-filter: none;
          filter: none;
}

/* ========================================================================
   Component: Global > app-base > components > knockout > phonenumber
 ========================================================================== */
.phonenumber-component span {
  padding: 0 10px;
}

.phonenumber-component input[type="text"] {
  letter-spacing: 2px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

.phonenumber-component .area-code, .phonenumber-component .number-prefix {
  width: 46px;
}

.phonenumber-component .line-number {
  width: 58px;
}

.phonenumber-component .show-error {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.phonenumber-component .show-error:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

/* ========================================================================
   Component: Global > app-base > components > knockout > phonenumber
 ========================================================================== */
.phonesettings-component span.input-group-btn {
  padding-right: 47px;
}

.phonesettings-component .container {
  padding-bottom: 0 !important;
  width: 85%;
}

.phonesettings-component .error-message {
  color: red;
}

.phonesettings-component .modal-header .close {
  margin-top: 0;
}

.phonesettings-component .request-code-btn {
  border: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.phonesettings-component .request-code-btn:focus {
  outline: none;
}

.phonesettings-component .verification-code {
  width: 105px;
}

/* ========================================================================
   Component: _chart-kendo.scss
 ========================================================================== */
/* ========================================================================
   Component: Global > app-base > components > _highcharts.scss
 ========================================================================== */
.highcharts-tooltip {
  padding: 10px;
}

.highcharts-tooltip span {
  position: relative;
  background-color: white;
  z-index: 9999 !important;
  min-width: 380px;
}

.highcharts-tooltip h4 {
  color: #666666;
  font-size: 12px;
  margin: 5px 0;
  padding: 0;
  text-transform: uppercase;
}

.highcharts-tooltip ul {
  position: relative;
  font-size: 12px;
  margin-bottom: 10px;
  width: 100%;
  padding: 0;
}

.highcharts-tooltip ul .highcharts-tooltip li {
  list-style-type: none;
}

.highcharts-tooltip ul li {
  display: inline-block;
}

.highcharts-tooltip .name {
  padding: 0 10px 0 0;
  text-align: left;
  width: 67%;
}

.highcharts-tooltip .liquidity {
  text-align: center;
  padding: 1px 10px;
  color: white;
  font-size: 13px;
  width: 33%;
}

.highcharts-tooltip .price {
  text-align: center;
  padding: 0 7px;
  color: white;
  font-size: 13px;
  width: 115px;
}

.highcharts-tooltip .title {
  padding: 1px 5px;
}

.highcharts-tooltip .property {
  padding: 1px 5px;
  color: white;
  font-size: 14px;
}

.highcharts-tooltip .change {
  font-weight: bold;
  padding-left: 15px;
}

.mytip-qtip .qtip-content {
  font-size: 12px;
}

.tooltip-width.qtip-bootstrap {
  max-width: 400px;
  min-width: 0;
}

.tooltip-width.qtip-bootstrap.pm-pop-up {
  max-width: 500px;
}

/* ========================================================================
   Component: global > app-base > bootstrap-overrides > _alertbadge.scss
 ========================================================================== */
.badge-danger {
  background-color: #F7CE6B !important;
  color: black !important;
}

/* ========================================================================
   Component: global > app-base > bootstrap-overrides > _tooltip.scss
 ========================================================================== */
.tooltip-inner p, #CMReport_FundComparison .tooltip-inner p {
  color: inherit;
  text-align: justify;
}

/* ========================================================================
   Component: global > app-base > bootstrap-overrides > _responsive-utilities.scss
 ========================================================================== */
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
  text-align: left;
}

.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
  text-align: center;
}

.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
  text-align: right;
}

.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
  text-align: justify;
}

@media (max-width: 767px) {
  .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
    text-align: inherit;
  }
  .text-left-xs {
    text-align: left;
  }
  .text-center-xs {
    text-align: center;
  }
  .text-right-xs {
    text-align: right;
  }
  .text-justify-xs {
    text-align: justify;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
    text-align: inherit;
  }
  .text-left-sm {
    text-align: left;
  }
  .text-center-sm {
    text-align: center;
  }
  .text-right-sm {
    text-align: right;
  }
  .text-justify-sm {
    text-align: justify;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
    text-align: inherit;
  }
  .text-left-md {
    text-align: left;
  }
  .text-center-md {
    text-align: center;
  }
  .text-right-md {
    text-align: right;
  }
  .text-justify-md {
    text-align: justify;
  }
}

@media (min-width: 1200px) {
  .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
    text-align: inherit;
  }
  .text-left-lg {
    text-align: left;
  }
  .text-center-lg {
    text-align: center;
  }
  .text-right-lg {
    text-align: right;
  }
  .text-justify-lg {
    text-align: justify;
  }
}

.chartToolTipHeader {
  float: left;
  text-align: left;
  width: 275px;
  border: 0 none;
  font-weight: bold;
}

.k-tooltip,
.k-chart-tooltip {
  border-color: #d7d8d6 !important;
  box-shadow: none !important;
}

/*
.countryexposuretooltipheader, .categoryexposuretooltipheader, .historicalexposuretooltipheader, .issuerexposuretooltipheader {
    border-bottom: 1px solid #d7d8d6 !important;
    font-weight: bold;
}

.categoryexposuretooltipbalance, .countryexposuretooltipbalance, .issuerexposuretooltipbalance, .historicalexposuretooltipbalance, .historicalexposuretooltipyield, .issuerexposuretooltippercentage, .countryexposuretooltippercentage, .categoryexposuretooltippercentage {
    font-weight: bold;
}

.categoryexposuretooltipbalance span, .countryexposuretooltipbalance span, .issuerexposuretooltipbalance span, .historicalexposuretooltipbalance span, .historicalexposuretooltipyield span, .issuerexposuretooltippercentage span, .countryexposuretooltippercentage span, .categoryexposuretooltippercentage span {
    font-weight: normal;
}
*/
.widget-selectall {
  margin: 15px 0 8px 11px;
  color: #333;
}

.widget-selectall-label {
  display: inline;
  padding: 5px;
}

.modal-content ol, .modal-content ul {
  padding: 0;
}

/* ========================================================================
   Component: app-base > widgets > _portfolio.scss
 ========================================================================== */
.portfolio-currency-info, .portfolio-currency-bal {
  font-weight: bold;
  font-size: 14px;
  color: #666666;
  padding-left: 15px !important;
}

.portfolio-currency-bal {
  padding-right: 15px !important;
  text-align: right;
}

.portfolio-accordion-header {
  cursor: default;
}

.portfolio-accordion-header a, .portfolio-accordion-header span {
  font-size: 13px;
  cursor: pointer;
}

.portfolio-accordion-header a span {
  color: #236093;
}

.portfolio-accordion-header span {
  color: #888888;
  text-transform: none;
  font-weight: 200;
}

.portfolio-position-subheader span {
  color: #888888;
  text-transform: none;
  font-weight: 200;
}

.portfolio-accordion-header > div {
  padding: 0;
}

#accounts .panel-collapse .btn {
  padding: 2px 10px;
  font-size: 0.6875rem;
  line-height: 1.33333;
  border-radius: 7px;
  text-transform: uppercase;
  font-weight: bold;
}

#accounts .panel-collapse .card-body {
  padding: 12px 0 0;
  margin-top: 2px;
}

#accounts .panel-collapse .fund-value {
  font-size: 12px;
  color: #888888;
}

#collapseOne .fund-details .fund-labels {
  padding-left: 25px;
}

.portfolio-widget-v2 .total-portfolio-label, .portfolio-widget-v2 .multi-currency-total-portfolio {
  font-weight: bold;
}

.portfolio-widget-v2 .portfolio-accordion-header {
  margin-left: 0;
  margin-right: 0;
}

.portfolio-widget-v2 .actionsPane {
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
}

.portfolio-widget-v2 .actionsPane > div {
  margin-left: 20px;
}

.portfolio-widget-v2 #accounts {
  margin-top: 5px !important;
}

.portfolio-widget-v2 .portfolio-currency-infoList-item {
  margin-bottom: 8px;
}

.portfolio-widget-v2 .portfolio-listitem-row {
  margin-left: -6px;
  margin-right: -6px;
}

.portfolio-widget-v2 .position-item > .row {
  margin-right: -6px;
}

.portfolio-widget-v2 .no-position-message {
  font-style: italic;
}

/* ========================================================================
   Component: app-base > widgets > _watch-list.scss
 ========================================================================== */
#funds {
  border-bottom: 1px solid #999999;
  padding: 5px 0 0;
}

#funds .btn {
  padding: 2px 10px;
  font-size: 0.6875rem;
  line-height: 1.33333;
  border-radius: 7px;
  text-transform: uppercase;
  font-weight: bold;
}

#funds .fund-details {
  font-size: 12px;
}

#funds .bg-danger {
  border-radius: 50%;
  color: #fff !important;
  font-size: 7px;
  padding: 5px;
}

#funds .bg-danger:hover {
  background-color: #fb4604;
  text-decoration: none;
  cursor: pointer;
}

#funds:last-child {
  border-bottom: 0 none;
}

.tracker-repeater {
  padding: 15px;
}

.watch-list-icon-info {
  background: url(../images/InformationBlue.gif) no-repeat;
  background-position: 0 5px !important;
  padding: 5px 20px 5px 20px !important;
  margin: 0 0 10px 0 !important;
}

/* ========================================================================
   Component: app-base >  widgets > _market-indices.scss
 ========================================================================== */
.market-indices .mi-fund-name {
  color: #333333;
  font-family: Arial;
  font-size: 14px !important;
  font-weight: bold;
}

.market-indices .mi-fund-value {
  color: #333333;
  font-family: Arial;
  font-size: 34px;
}

.market-indices .fundvalueUp {
  color: green !important;
}

.market-indices .fundvalueDown {
  color: red !important;
}

.market-indices .mi-change-percent {
  color: #333;
  font-family: Arial;
  font-size: 15px;
  margin-top: 0.75em;
}

.market-indices .mi-change-percent-up {
  color: green !important;
}

.market-indices .mi-change-percent-down {
  color: red !important;
}

.market-indices .mi-legend-btn {
  margin: 15px auto 0;
  width: 42px;
}

.market-indices .mi-legend-btn input {
  background: none;
  color: #3B8696;
  border: 1px solid #999999;
  float: right;
  font-size: 10px;
  border-radius: 10px;
  width: 38px;
  height: 15px;
  margin-bottom: 2px;
  margin-left: 10px;
}

.market-indices .mi-legend-btn input:hover, .market-indices .mi-legend-btn .mi-legend-btn-selected {
  background: url(../images/mi-selected-legend-bg.png) no-repeat transparent;
  color: #fff;
  width: 42px;
  border: none;
}

.market-indices .mi-row-container {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 1px;
  margin-bottom: 4px;
}

.market-indices:last-child .mi-row-container {
  border-bottom: none;
  padding-bottom: 0px;
}

/* ========================================================================
   Component: app-base > widgets > _exposure-profile.scss
 ========================================================================== */
/*Exposure Tab*/
.exposure-by-country {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
}

.total-portfolio {
  border-bottom: 1px solid #cccccc;
  color: #58585a;
  font-size: 14px;
  padding: 10px 0;
  text-indent: 10px;
}

.total-portfolio span {
  font-weight: bold;
  padding-left: 5px;
}

#categoryExposureProfile .card-title, #countryExposureProfile .card-title, #issuerExposureProfile .card-title {
  font-size: 14px;
  font-weight: bold;
  margin-right: 15px;
}

/* ========================================================================
   Component: app-base > widgets > _historical.scss
 ========================================================================== */
.historical .card-header {
  padding: 0;
  border-bottom-width: 0;
}

.historical .card-title {
  margin: 10px;
}

.historical .pull-right {
  margin-right: 10px;
}

.historical .balance-summary {
  display: flex;
  flex-wrap: wrap;
}

.historical .balance-summary .balance-bg {
  flex: 1 1 25%;
  background: #555;
  word-wrap: break-word;
  padding: 10px;
  min-height: 70px;
}

.historical .balance-summary .balance-bg h3 {
  font-size: 11px;
  padding: 0;
  color: #fff;
}

.historical .k-chart {
  height: 250px;
}

.border-tr {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.border-right {
  border-right: 1px solid #fff;
}

.balance-label {
  font-size: 10px;
  color: #fff;
  position: relative;
  text-transform: uppercase;
}

.button-tabs {
  margin-top: 10px;
}

.button-tabs .btn {
  background: #fff;
  border-radius: 8px !important;
  color: #4067bb;
  margin: 0 5px !important;
  padding: 0 14px;
  border: 1px solid #ccc;
}

.button-tabs .active {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}

.button-tabs .active:hover, .button-tabs .active:focus {
  outline: none;
}

/* ========================================================================
   Component: app-base > widgets > _news-feed.scss
 ========================================================================== */
div.media-body > small {
  color: #999999 !important;
}

#newsFeedChannel1 .text-primary {
  color: #000;
}

#newsFeedChannel1 .ng-scope {
  margin-bottom: 12px;
}

/* ========================================================================
   Component: app-base > widgets > _alerts.scss
 ========================================================================== */
#alertsContent .danger {
  color: #D4001A !important;
}

/* ========================================================================
   Component: global > _dashboard.scss
 ========================================================================== */
.dashboard-app .card-header {
  background: #fff;
  padding: 10px 15px;
  border-bottom: 3px solid #acacac;
  border-radius: 0;
}

.dashboard-app .card-header > .card-title {
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  text-transform: none;
  margin-bottom: 0;
}

.dashboard-app .card-header > .card-title a {
  font-size: 10px;
  font-weight: normal;
  color: #236093;
  text-transform: uppercase;
}

.dashboard-app .card-header > .card-title a:hover {
  color: #236093;
  text-decoration: none;
}

.dashboard-app .card-header a {
  font-size: 11px;
  font-weight: bold;
  padding-top: 8px;
}

.dashboard-app .card-group {
  margin-bottom: 0 !important;
  /*.ng-scope {
            width: 100%;
        }*/
}

.dashboard-app .card {
  border-color: #fff;
  margin-bottom: 18px;
  border-radius: 0;
}

.dashboard-app .card a {
  text-decoration: none;
}

.dashboard-app .portfolio-accname-header {
  background: none !important;
  padding: 4px 0 !important;
  border: 0 none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

.dashboard-app .portfolio-accname-header .card-header {
  background: none !important;
  border: 0 none !important;
  box-shadow: none !important;
  padding: 0 0 0 2px;
}

.dashboard-app .view-fund {
  position: relative;
  top: 15px;
  right: 3px;
  z-index: 1001;
}

.fund-details span {
  color: #888888;
  font-size: 12px;
}

.fund-details span.fund-values {
  font-weight: bold;
}

.fund-details .fund-labels {
  float: left;
}

.widget-tabs ul {
  margin: 5px 0 0;
  padding-left: 5px;
  cursor: default !important;
}

.widget-tabs ul li a {
  background: #dedede;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #d4d4d4 40%, #CCCCCC 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#CCCCCC',GradientType=0 );
  /* IE6-9 */
  color: #999999;
  border-radius: 4px 4px 0 0;
  padding: 3px 10px;
  font-size: 12px;
  cursor: pointer;
  font-weight: bold;
}

.widget-tabs ul li a:hover {
  background: #999;
  color: #000;
  border-color: #cccccc #cccccc #fff !important;
}

.widget-tabs ul li.active a {
  background: #fff;
  color: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='false') !important;
}

.widget-tabs ul li.active a:hover {
  background: #fff;
  color: #000;
}

.view-all {
  padding-top: 1px;
}

.view-all a {
  border: 1px solid #cccccc;
  border-radius: 7px;
  padding: 1px 6px 1px 3px;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  font-size: 11px;
}

.panel-con {
  padding-bottom: 15px;
}

.dual-user {
  position: relative;
  right: 15px;
  top: 10px;
}

.widget-divider {
  border-right: 1px solid #cccccc;
}

#myTabContent {
  padding: 15px;
}

.dash-navigation .bg-purple {
  background: #00aeef;
  color: #fff;
}

.dash-navigation .bg-primary {
  background: #39b54a;
  color: #fff;
}

.dash-navigation .bg-green {
  background: #f7941e;
  color: #fff;
}

.bg-purple:hover {
  background: #037dab;
}

.bg-primary:hover {
  background: #047c14;
}

.bg-green:hover {
  background: #da7c03;
}

.fund-name a {
  font-weight: bold;
  cursor: pointer;
}

.trade-button {
  padding-top: 7px;
  vertical-align: middle;
}

.fund-labels {
  padding-right: 2px;
}

.fund-data {
  padding-left: 0;
}

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

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

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

.no-margin {
  margin: 0 !important;
}

.overflow-hidden {
  overflow: hidden;
}

.today-exchange {
  background: url("../images/Todaystrade.png") no-repeat 0 0 transparent;
  width: 94px;
  height: 89px;
}

.future-calendar {
  background: url("../images/calendar.png") no-repeat 0 0 transparent;
  width: 94px;
  height: 89px;
}

.dualauth-user {
  background: url("../images/DualAuthorization.png") no-repeat 0 0 transparent;
  width: 94px;
  height: 89px;
}

.divHide {
  display: none;
}

.divShow {
  display: block;
}

.top-navbar-shrink {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.expandedIconClass {
  position: relative;
}

.expandedIconClass:before {
  position: absolute;
  font-family: FontAwesome;
  top: -10px;
  left: -5px;
  content: "";
}

.collapsedIconClass {
  position: relative;
}

.collapsedIconClass:before {
  position: absolute;
  font-family: FontAwesome;
  top: -10px;
  left: -5px;
  content: "";
}

.modal-body .two-columns {
  -moz-column-count: 2;
  -moz-column-gap: 2.5em;
  -webkit-column-count: 2;
  -webkit-column-gap: 2.5em;
  column-count: 2;
  column-gap: 2.5em;
}

/* bootstrap upgrade css  */
.modal-header {
  display: block;
}

.modal-header .close {
  padding: 2px;
}

.input-group-prepend {
  float: left;
}

.input-group .form-control {
  width: 92%;
}

.widget a {
  color: #236093 !important;
}

a.accordion-toggle {
  text-decoration: none !important;
}

.historical .text-center {
  width: 100%;
}

.card-title .float-right a {
  border: none;
  text-decoration: none !important;
}

.card-title .float-right a:hover {
  border: none !important;
  text-decoration: none !important;
}

.dropdown-divider {
  border-top: none;
}

.view-fund .text-right a {
  text-decoration: underline !important;
  color: #236093 !important;
}

.view-fund .text-right a:hover {
  text-decoration: underline !important;
}

.portfolio-currency-infoList-item #accounts .card-group .ng-scope {
  min-width: 100%;
}

.edit-widget .input-group input {
  width: 85%;
}

/* ========================================================================
   Component: Global > cm-app > pages > _funddetail-modal.scss
 ========================================================================== */
.modal-dialog {
  width: 100%;
  max-width: 900px;
}

.modal-innercontent {
  border: 0 none;
}

#fundDetailsDialog a, #fundDetailsWatchDialog a, #CMFund_MMMFFundResearchFundDetail a, #CMFund_USBFFundResearchFundDetail a {
  color: #236093;
  text-decoration: none;
}

#fundDetailsDialog a:hover, #fundDetailsWatchDialog a:hover, #CMFund_MMMFFundResearchFundDetail a:hover, #CMFund_USBFFundResearchFundDetail a:hover {
  color: #236093;
  text-decoration: none;
}

#fundDetailsDialog, #fundDetailsWatchDialog {
  font-family: Arial, verdana, helvetica, sans-serif;
  font-size: 12px;
}

#fundDetailsDialog a, #fundDetailsWatchDialog a {
  font-weight: normal;
}

#fundDetailsDialog .modal-backdrop, #fundDetailsWatchDialog .modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #b2cece;
}

#fundDetailsDialog .modal-backdrop.fade, #fundDetailsWatchDialog .modal-backdrop.fade {
  opacity: opacity(0);
}

#fundDetailsDialog .modal-backdrop.in, #fundDetailsWatchDialog .modal-backdrop.in {
  opacity: opacity(0.7);
}

#myFundModal .modal-header, #myModal .modal-header {
  position: relative;
  z-index: 101;
  padding: 0;
}

#myFundModal .modal-header .btn-link, #myModal .modal-header .btn-link {
  text-decoration: underline;
  font-size: 11px;
  background: none;
  border: none;
  cursor: inherit;
  height: inherit;
  margin: inherit;
  position: inherit;
  text-indent: inherit;
  width: inherit;
  padding: 6px 12px;
}

#myFundModal .modal-header .btn-link:active, #myModal .modal-header .btn-link:active {
  border: none;
  outline: none;
}

#myFundModal .modal-body, #myModal .modal-body {
  z-index: 100;
}

#myFundModal .modal-content, #myModal .modal-content {
  padding: 20px 10px 10px 10px;
  border: 1px solid #999999;
  background-color: #fff;
}

#myFundModal .modal-innercontent, #myModal .modal-innercontent {
  background-color: #fff;
  border: 0 none;
}

#myFundModal .modal-footer, #myModal .modal-footer {
  display: none;
}

#myFundModal .modal-footer .btn, #myModal .modal-footer .btn {
  display: none;
}

#myModalLabel {
  display: block;
  float: left;
  margin: 8px 0 0 9px;
  color: #000000;
}

.modal-innercontent {
  border: 1px solid #00436E;
}

#FundDetail_PerformanceTab_container {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

#FundDetail_PerformanceTab_container #FundDetail_PerformanceTab_datatable {
  width: 99.9%;
  border: 1px solid #d4d4d4;
}

#FundDetail_PerformanceTab_container #FundDetail_PerformanceTab_datatable th {
  background: #d4d4d4;
  text-align: center;
  padding: 5px;
  vertical-align: bottom;
}

#FundDetail_PerformanceTab_container #FundDetail_PerformanceTab_datatable td {
  text-align: center;
  border: 1px solid #d4d4d4;
  padding: 5px;
}

#FundDetail_PerformanceTab_container .performanceCol_group {
  border-right: 2px solid #fff;
}

#FundDetail_PerformanceTab_container .performanceCol_groupItem {
  border-bottom: 1px solid #fff;
}

.CMFund_MMMFResearchFundDetail_funddetails_label {
  font-weight: bold;
}

.CMFund_MMMFResearchFundDetail_funddetails_label i.material-icons {
  position: relative;
  top: 4px;
  font-weight: bold;
  font-size: 13px;
}

.CMFund_MMMFResearchFundDetail_funddetails_data {
  font-size: 12px;
  font-weight: normal;
}

#CMFund_MMMFFundResearchFundDetail_content {
  background: #fff;
  border: 1px solid #00436E;
  clear: both;
  float: left;
  margin: -16px 0 0;
  padding: 32px 0 0;
  width: 100%;
}

#CMFund_MMMFFundResearchFundDetail_header, #CMFund_MMMFFundResearchFundDetail_data {
  width: 100%;
}

#CMFund_MMMFFundResearchFundDetail_header i.material-icons, #CMFund_MMMFFundResearchFundDetail_data i.material-icons {
  color: #000 !important;
  margin: 0 3px;
  font-weight: bold;
  font-size: 13px;
}

#CMFund_MMMFFundResearchFundDetail_header_datapoints {
  display: flex;
  justify-content: space-between;
  margin: 15px 0 20px 0;
}

#CMFund_MMMFFundResearchFundDetail_headerdata {
  width: 100%;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_fundname {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  width: 90%;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_feescalculationslink {
  float: right;
  margin: -34px 50px 0 0;
  position: relative;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_asofdate {
  display: flex;
  align-items: center;
  width: 100% !important;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  margin: 0 0 14px 0;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_nav,
#CMFund_MMMFFundResearchFundDetail_headerdata_7dcurrent,
#CMFund_MMMFFundResearchFundDetail_headerdata_investmenttype {
  flex: 1 1 20%;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_currentbalance {
  flex: 1 1 40%;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_asofdatefundaccount {
  float: right;
  font-size: 10px;
  font-style: italic;
  margin: 14px 10px 0 0;
  text-align: right;
  width: 92px;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_asofdateholdinginfo {
  float: right;
  font-size: 10px;
  font-style: italic;
  margin: 0 10px 0 0;
  text-align: right;
  width: 180px;
}

#CMFund_MMMFFundResearchFundDetail_headerbuttonbox {
  display: block;
  float: left;
  clear: both;
  margin: 10px 0;
  width: 100%;
}

.CMFund_MMMFundResearchFundDetail_actionbuttonsleft, .CMFund_MMMFundResearchFundDetail_actionbuttonsright {
  display: flex;
  flex: 1 1 50%;
  align-items: center;
}

.CMFund_MMMFundResearchFundDetail_actionbuttonsright {
  justify-content: flex-end;
}

#CMFund_MMMFundResearchFundDetail_headerbuttonclose {
  float: right;
  text-align: right;
  margin-right: 10px;
}

.buttonclosemodal {
  width: 75px;
}

#CMFund_MMMFFundResearchFundDetail_buttontrade {
  float: right;
  margin: 1px 4px;
}

#CMFund_MMMFFundResearchFundDetail_headerbuttontrade {
  float: left;
  margin: 0 5px 0 0;
}

#CMFund_MMMFFundResearchFundDetail_headerbuttontrade input {
  background: url(../images/AccountTradeButton.gif) no-repeat -14px 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #3a5381;
  cursor: pointer;
  float: left;
  font-size: 11px;
  padding: 0 0 0 14px;
  text-decoration: underline;
  text-align: left;
  text-shadow: none;
  text-transform: none;
}

#CMFund_MMMFFundResearchFundDetail_headerbuttontracker {
  margin: 0 5px 0 0;
}

#fundDetailTabs #overview-tab, #fundDetailTabs #portfolio-tab, #fundDetailTabs #docs-tab, #fundDetailTabs #performance-tab {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#CMFund_MMMFFundResearchFundDetail_data {
  width: 100%;
}

#CMFund_MMMFFundResearchFundDetail_data div.datapointgroup-row:last-child {
  margin-bottom: 0;
}

.datapointgroup-row {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.CMFund_MMMFFundResearchFundDetail_datacolumn {
  flex: 1 1 50%;
}

.CMFund_MMMFFundResearchFundDetail_datacolumn .datapointgroup {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 0 5px 0;
}

.CMFund_MMMFFundResearchFundDetail_datacolumn .datapointgroup > div {
  flex: 1 1 50%;
}

.CMFund_MMMFFundResearchFundDetail_datacolumn .data-spacer-row {
  width: 100%;
  height: 25px;
}

#CMFund_MMMFFundResearchFundDetail_datacolumndocuments div div {
  background: url(../images/icon_pdf.gif) no-repeat;
  padding: 0 0 7px 25px;
}

/* ========================================================================
   Component: global > app-base > pages > reports> _fund-comparison.scss
 ========================================================================== */
#CMReport_FundComparison_LegendContainer {
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background-color: #fff;
}

#CMReport_FundComparison_LegendContainer .FundComparison_legendItem_inner i {
  font-size: 0px;
  background: url(../Widgets/images/icon_info.png) no-repeat scroll transparent;
  height: 20px;
  width: 20px;
  float: right;
  margin-left: 5px;
}

.FundComparison_legendItem {
  width: 200px;
  padding: 10px;
  border-right: 1px solid #999999;
  cursor: default;
}

.FundComparison_legendItem:hover {
  background-color: aliceblue;
  cursor: pointer;
}

.FundComparison_legendItem_inner {
  padding-top: 10px;
}

#CMReport_FundComparison .CMGlobal_errormessage {
  padding: 15px 10px;
}

#CMReport_FundComparison #loading-bar-container {
  position: relative;
  height: 660px;
}

#CMReport_FundComparison #loading-bar-container .loadingBox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5000;
  width: 100%;
  height: 600px;
  background-color: rgba(0, 0, 0, 0.2);
  overflow: auto;
}

#CMReport_FundComparison #loading-bar-container .loadingBox div {
  position: absolute;
  z-index: 5001;
  top: 40%;
  left: 35%;
  width: 30%;
  padding: 0;
  margin: 0;
  text-align: center;
  color: black;
  border: 1px solid #999999 !important;
  cursor: wait;
  border-radius: 0 !important;
}

#CMReport_FundComparison #loading-bar-container .loadingBox h1 {
  font-size: 18px;
  margin-top: 0;
  font-weight: bold;
}

#CMReport_FundComparison #loading-bar-container .loadingBoxMsg {
  background: #fff url("../images/ajaxloader.gif") center 40px no-repeat;
  font-size: 18px;
  font-weight: bold !important;
  padding: 60px 40px 20px 40px !important;
  width: 30% !important;
}

#CMReport_FundComparison #loading-bar-container .searchResults_Container {
  float: left;
  width: 100%;
}

#CMReport_FundComparison #loading-bar-container .search-message {
  padding: 30px 10px;
}

#CMReport_FundComparison #loading-bar .bar {
  position: relative;
}

#CMReport_FundComparison .fade.in {
  opacity: 1 !important;
}

#CMReport_FundComparison .tooltip-inner {
  width: 400px;
  padding: 10px;
  text-align: justify;
  background: #fff;
  border-radius: 0px;
  border: 1px solid #999999;
  color: #000;
  opacity: 1;
}

#CMReport_FundComparison .tooltip.right .tooltip-arrow, #CMReport_FundComparison .tooltip.left .tooltip-arrow, #CMReport_FundComparison .tooltip.top .tooltip-arrow, #CMReport_FundComparison .tooltip.bottom .tooltip-arrow {
  display: none;
}

#CMReport_FundComparison input.CMGlobal_blank120_button {
  font-weight: bold;
}

.fundComparison-modal .k-grid {
  clear: both;
}

.fundComparison-modal .k-grid-content {
  height: 599px;
}

/* ========================================================================
   Component: app-base > pages > _fund-account-application.scss
 ========================================================================== */
.fundAccountAppRow {
  padding: 20px;
}

.fundAccountAppRow:last-child {
  border: 0 none !important;
}

/* ========================================================================
   Component: PL > cm-app > pages > _alert-home.scss
 ========================================================================== */
.CMAlert_Home_padTop {
  top: 32px;
}

#CMAlerts_Home #CMGlobal_introduction {
  float: none;
}

.CMAlert_Home_noRecordsMessage {
  border: solid 1px gray;
  height: 300px;
}

.CMAlert_Home_noRecordsMessage .row {
  height: 100px;
  text-align: center;
}

#CMAlerts_Home .k-grid-norecords-template {
  width: 100%;
  border: none;
}

/*  ====================================================================================
    Override text-center because Bootstrap has text-align:left.  So, this will override
    ====================================================================================  */
.text-center {
  text-align: center !important;
}

#AlertMessageSearch {
  width: 90%;
}

.container {
  padding-bottom: 40px;
}

#AlertBeginDateSearch .k-picker-wrap k-state-default {
  width: 75px !important;
}

#AlertEndDateSearch .k-picker-wrap k-state-default {
  width: 75px !important;
}

.k-picker-wrap k-state-default {
  width: 75px !important;
}

.CMAlerts_Home_Label {
  font-weight: bold;
  color: #000000;
  font-size: 30px;
}

.div_alert_title {
  overflow: visible;
}

.download_excel_icon {
  float: right !important;
  margin-top: -60px !important;
}

.filterArea {
  background: #e7e7e7;
  border: solid 1px #c5c5c5;
  border-bottom: none;
  padding: 20px;
}

.page-header {
  border-bottom: none !important;
}

/* Bootstrap upgrade changes */
#CMAlerts_Subscription .page-header {
  float: left;
}

.CMAlerts_Subscription_Disclaimer {
  width: 100%;
}

#CMAlerts_Subscription .container {
  max-width: 1280px;
}

.rule_group_right {
  padding-left: 10px;
}

#CMAlerts_Subscription input[type="checkbox"], .input-group-prepend {
  float: left;
}

#CMAlerts_Subscription .form-control {
  border-radius: 0 !important;
  float: left;
  width: 85%;
}

#NetAssetFlowAlertSubscription_ChangeValue {
  width: 62% !important;
}

.emailChkboxArea .label_Disabled,
.emailChkboxArea .label_Enabled {
  float: left;
  padding-left: 3px;
}

/*Alerts*/
#CMAlerts_Home .container {
  max-width: 1280px;
}

#CMAlerts_Home #CMGlobal_introduction {
  float: left;
}

.search-filter {
  float: left;
}

#CMAlerts_Home .container .filterArea {
  padding: 0 1px 20px;
}

#CMAlerts_Home .container .filterArea label {
  font-weight: bold;
}

#GridArea #grid {
  padding: 5px;
}

#GridArea #grid tr th, #GridArea #grid tr td {
  padding: 8px !important;
}

.CMAlerts_Disclaimer {
  clear: both;
  padding: 10px;
}

/* ========================================================================
   Component: PL > cm-app > pages > _alert-subscription.scss
 ========================================================================== */
.CMAlert_Subscription_Percent_Sign_Disabled {
  opacity: .5;
}

.CMAlert_Subscription_Percent_Sign_Enabled {
  opacity: inherit;
}

#CMAlerts_Subscription input[type=checkbox] {
  cursor: pointer;
}

#CMAlerts_Subscription input[type=checkbox]:disabled {
  cursor: auto;
}

/*  ========================================================================
    Override of Bootstrap .jumbotron
   =========================================================================*/
.jumbotron {
  padding: 20px !important;
  clear: both;
}

.jumbotron .save-phonenumber {
  display: inline-block;
}

.jumbotron .error-message {
  color: red;
  font-weight: bold;
}

.label_Disabled {
  color: gray;
}

.label_Enabled {
  color: black;
}

.container_Nav container_Daily container_Weekly {
  margin-top: 25px !important;
}

.col-md-2 form-group {
  margin: 25px;
}

.col-md-2 form-group.input-group {
  margin: 25px;
}

.col-md-10 offset-2 {
  margin-top: 0px;
}

.form-control.valid {
  color: black;
}

.rule_group_box {
  position: relative;
  display: block;
}

.rule_group_left {
  margin-left: 0 !important;
  margin-top: 2px !important;
}

.rule_group_right {
  padding-left: 10px;
  float: left;
}

.rule_group_right .label_Disabled {
  float: left;
}

#NavAlertSubscriptionToolTip,
#DailyLiquidityAlertSubscriptionToolTip,
#WeeklyLiquidityAlertSubscriptionToolTip,
#NetAssetFlowAlertSubscriptionToolTip,
#PortfolioRulesViolationsAlertSubscriptionToolTip {
  float: right;
}

.input-group-prepend,
.input-group-append {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #999999;
  text-align: center;
  background-color: transparent;
  border: none;
  border-radius: 0;
}

.input-round-corners {
  border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.validation_error {
  margin-bottom: 15px;
}

.form-group {
  margin-bottom: 0 !important;
}

#CMAlerts_Subscription .checkbox label {
  cursor: default;
}

.check-mail span {
  padding-left: 3px;
}

.CMAlert_Subscription_Alert_Row .form-check {
  padding-left: 1px;
}

.mobile-inst-msg {
  clear: both;
  padding-top: 10px;
}

#CMBulkOrderUpload {
  margin-bottom: 40px;
}

#CMBulkOrderUpload .bulk-order-upload-header {
  border-bottom: 1px solid #999999;
}

#CMBulkOrderUpload #CMGlobal_introduction {
  display: flex;
  float: none;
}

#CMBulkOrderUpload #CMGlobal_introduction .CMGlobal_introductionheader {
  flex: 1 1 auto;
  margin-bottom: 14px;
}

#CMBulkOrderUpload #CMGlobal_introduction .CMGlobal_introductionheader > h1 {
  margin-bottom: 14px;
}

#CMBulkOrderUpload #CMGlobal_introduction .CMGlobal_introductionheader > div {
  font-size: 12px;
  color: #000;
  font-weight: normal;
}

#CMBulkOrderUpload #CMGlobal_introduction .introductionheader_actions {
  display: flex;
  flex: 0 0 175px;
  padding-top: 15px;
}

#CMBulkOrderUpload #CMGlobal_introduction .introductionheader_actions > div {
  flex: 1 1 100%;
  display: flex;
}

#CMBulkOrderUpload #CMGlobal_introduction .introductionheader_actions > div > a {
  margin: 5px 5px 0 5px;
}

#CMBulkOrderUpload #CMGlobal_introduction .introductionheader_actions > div > span {
  padding: 5px 5px 0 5px;
}

#CMBulkOrderUpload .file-processing-msg {
  padding: 10px;
  margin: 10px 0;
  color: #fff;
  font-weight: bold;
}

#CMBulkOrderUpload .file-processing-msg.success {
  background-color: #66a430;
}

#CMBulkOrderUpload .file-processing-msg.warn {
  background-color: #F7CE6B;
}

#CMBulkOrderUpload .file-processing-msg.fail {
  background-color: #D4001A;
}

#CMBulkOrderUpload .file-processing-msg a {
  color: #fff;
  text-decoration: underline;
}

#CMBulkOrderUpload .portfolio-rules-section {
  background: #f5f5f5;
  padding: 20px;
  margin-top: 20px;
}

#CMBulkOrderUpload .portfolio-rules-section > h5 {
  font-weight: bold;
  margin-bottom: 10px;
}

#CMBulkOrderUpload .portfolio-rules-section > label {
  display: block;
  width: 100%;
  font-weight: normal;
  color: #000;
}

#CMBulkOrderUpload .rules-violations-radio-group {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#CMBulkOrderUpload .user-acknowledgement-section {
  margin-top: 20px;
}

#CMBulkOrderUpload .user-acknowledgement-section > ul {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 20px;
}

#CMBulkOrderUpload .bulk-order-upload-section {
  margin-top: 10px;
}

#CMBulkOrderUpload .bulk-order-upload-section .btn-primary {
  margin-left: 0;
}

#CMBulkOrderUpload .bulk-upload-processing-results-grid {
  margin-top: 25px;
}

#CMBulkOrderUpload .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}

#CMBulkOrderUpload .mat-radio-button.mat-accent .mat-radio-inner-circle,
#CMBulkOrderUpload .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
#CMBulkOrderUpload .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
#CMBulkOrderUpload .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: rgba(0, 0, 0, 0.54);
}

#CMBulkOrderUpload .mat-checkbox-checked.mat-accent .mat-checkbox-background,
#CMBulkOrderUpload .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #999;
}

#CMBulkOrderUpload .mat-checkbox-checkmark, #CMBulkOrderUpload .mat-checkbox-mixedmark {
  fill: #999;
}

#CMBulkOrderUpload .file-validation-error-pane {
  margin-top: 20px;
}

#CMBulkOrderUpload .file-validation-error-pane .error-header-message {
  background: #fb4604;
  color: #fff;
  font-weight: bold;
  padding: 10px;
}

#CMBulkOrderUpload .file-validation-error-pane .error-detail {
  margin: 10px 0;
}

#CMBulkOrderUpload .file-validation-error-pane .error-detail h2 {
  font-weight: bold;
  font-size: 16px;
  color: #000;
  padding-left: 10px;
}

#CMBulkOrderUpload .file-validation-error-pane .error-detail li {
  padding-left: 10px;
  color: #fb4604;
  font-size: 14px;
}

#CMBulkOrderUpload .ag-theme-fresh .ag-cell {
  padding-top: 5px;
  padding-bottom: 9px;
}

#CMBulkOrderUpload .ag-theme-fresh .ag-header-cell {
  padding-left: inherit;
  padding-right: inherit;
}

#CMBulkOrderUpload .ag-theme-fresh .ag-header-cell-label {
  align-items: center;
}

#CMBulkOrderUpload .ag-theme-fresh .ag-header-cell-label span {
  height: auto;
}

#CMBulkOrderUpload .ag-theme-fresh .ag-header-cell-label .ag-header-cell-text {
  overflow: visible;
  text-overflow: inherit;
  white-space: normal;
}

#CMBulkOrderUpload .cell-wrap-text {
  white-space: normal !important;
}

#CMBulkOrderUpload .flex-column-centered .ag-header-cell-label {
  justify-content: center;
}

.btn_link {
  height: 20px;
  cursor: pointer;
  background: none;
  text-decoration: none;
}

.btn_link:hover {
  text-decoration: underline;
}

.file-processing-msg .btn_link {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

/* ========================================================================
   Component: PL > cm-app > _mixins.scss 
 ========================================================================== */
/* ========================================================================
   Component: PL > cm-app > _overrides.scss
 ========================================================================== */
/*--- Bootstrap Nav overrides ---*/
.nav-tabs {
  border-bottom: 1px solid #999999;
}

.nav-tabs > li > a {
  text-decoration: none;
  padding: 10px 10px 5px 10px;
  background-image: none;
  font-size: 15px;
}

.nav-tabs > li > a:hover {
  background-color: transparent;
}

.nav-tabs > li.active {
  border-bottom: 3px solid #0062ac !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  box-shadow: none;
  color: #000;
}

/* ========================================================================
   Component: PL > cm-app > overrides > bootstrap > _alertbadge.scss
 ========================================================================== */
.badge {
  display: inline;
}

.badge-danger {
  background-color: #ff0000 !important;
  color: #FFFFFF !important;
}

/* ========================================================================
   Component: PL > cm-app > scaffolding > _fonts.scss
 ========================================================================== */
@font-face {
  font-family: 'CitiSans Book';
  src: url("../fonts/citisanb-webfont.eot");
  src: url("../fonts/citisanb-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/citisanb-webfont.woff") format("woff"), url("../fonts/citisanb-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CitiSans Book';
  src: url("../fonts/citisabi-webfont.eot");
  src: url("../fonts/citisabi-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/citisabi-webfont.woff") format("woff"), url("../fonts/citisabi-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'CitiSans';
  src: url("../fonts/citisanb-webfont.eot");
  src: url("../fonts/citisanb-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/citisanb-webfont.woff") format("woff"), url("../fonts/citisanb-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CitiSans';
  src: url("../fonts/citisani-webfont.eot");
  src: url("../fonts/citisani-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/citisani-webfont.woff") format("woff"), url("../fonts/citisani-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'CitiSans Bold';
  src: url("../fonts/citisa01-webfont.eot");
  src: url("../fonts/citisa01-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/citisa01-webfont.woff") format("woff"), url("../fonts/citisa01-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'CitiSans';
  src: url("../fonts/citisa02-webfont.eot");
  src: url("../fonts/citisa02-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/citisa02-webfont.woff") format("woff"), url("../fonts/citisa02-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

/* Icon Fonts */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.svg#icomoon") format("svg"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* ========================================================================
   Component: PL > cm-app > scaffolding > _reset.scss
 ========================================================================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

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

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

strong {
  font-weight: bold;
}

body {
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.42857;
  color: #666;
  margin: 0;
  overflow-x: hidden;
}

p {
  clear: both;
  margin: 0 0 10px 0;
  text-align: left;
}

a {
  color: #236093;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 0px solid #fff;
}

a:visited {
  color: #236093;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 0px solid #fff;
}

a:active {
  color: #236093;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 0 solid blue;
}

a:hover {
  color: #236093;
  text-decoration: none;
  border-bottom: 0 solid #236093;
}

a:focus {
  outline: 0;
  color: #236093;
  text-decoration: none;
  border-bottom: 0 solid #236093;
}

a[disabled] {
  color: #333 !important;
  opacity: 0.35 !important;
}

.clear {
  clear: both;
}

.dropdown {
  border: 1px solid #d2d2d2;
  color: #666;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 12px;
  padding: 6px 30px 6px 12px;
  height: 31px;
}

.dropdown[disabled] {
  background: #E6E6E6;
  color: #999999;
}

button:focus {
  outline: 0;
}

input[type="text"], input[type="password"], input[type="dropdown"] {
  border: 1px solid #d2d2d2;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 12px;
  padding: 5px 10px;
  height: 31px;
}

input[type="text"] {
  padding: 5px 10px;
  height: 31px;
}

input[disabled] {
  background-color: #fff !important;
  color: #333 !important;
  opacity: 0.35 !important;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 2px 0 0 !important;
}

textarea {
  border: 1px solid #d2d2d2;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 11px;
  padding: 0 12px;
}

select {
  color: #666;
  border: 1px solid #d2d2d2;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 12px;
  height: 31px;
  padding: 6px 30px 6px 12px;
  background: url("../images/icon_dropdown.png");
  background-color: #f7f7f7;
  background-position: calc(100% - 5px) calc(1em + -8px), calc(100% - 3em) 0.5em;
  background-size: 20px 18px, 0 1.5em;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select[disabled] {
  color: #999999;
  opacity: 0.5;
}

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

.CMGlobal_bold {
  font-weight: bold;
}

.form-control {
  border-radius: 0;
}

/*input:focus {
  background: #f2f0ed;
  border: 1px solid #575b5c;
}*/
/* apply a natural box layout model to all elements */
* {
  box-sizing: border-box;
}

h4 {
  font-size: 12px;
  padding: 5px;
}

/* ========================================================================
   Component: PL > cm-app > scaffolding > _layout.scss
 ========================================================================== */
/* ---------------------------------------->>> STRUCTURE  <<<----------------------------------------*/
#CMGlobal_OuterContainer, #CMGlobal_OuterContainerBody {
  width: 100%;
  float: left;
  margin: 0;
  height: 100%;
  min-height: 100%;
}

#CMGlobal_bodybox {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}

/*#top {
    float: left;
    width: 100%;
    margin: auto;
    max-width: 1200px;
    background-size: cover;
}*/
#content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

#CMGlobal_introduction {
  width: 100%;
  float: left;
  margin: 0;
  padding: 10px;
  max-width: 1280px;
}

#CMGlobal_introductionheader, .CMGlobal_introductionheader {
  font-size: 46px;
  margin: 0 0 28px 0;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
}

.CMGlobal_loginname {
  clear: both;
  color: #a2a4a3;
  float: right;
  margin: 0;
  padding: 11px 8px 0 0;
  text-align: right;
  width: 100%;
}

/* ========================================================================
   Component: PL > cm-app > scaffolding > _header.scss
 ========================================================================== */
#CMGlobal_headercontainer {
  border-bottom: 0 solid #8c8c8b;
  box-shadow: none;
  background: transparent;
  margin: 10px 0 0 0;
  background-size: 100% 100%;
}

#CMGlobal_header {
  height: 125px;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
}

#CMGlobal_headerlogo {
  float: left;
  margin: 10px 0 0;
}

#CMGlobal_headerlogo a {
  border-bottom: none;
  padding: 10px;
  position: absolute;
  width: 396px;
}

#CMGlobal_headerlogo a img {
  visibility: visible;
}

#CMGlobal_headernav {
  float: right;
  margin: 20px 0 0 0;
  text-align: right;
  font-size: 12px;
}

#CMGlobal_headernav ul li {
  border-right: 0 solid #000000;
  display: inline;
  padding: 3px 10px 0 10px;
}

#CMGlobal_headernav ul li:last-child {
  border-right: none;
}

#CMGlobal_headernav a {
  color: #236093;
  text-decoration: none;
  border-bottom: none;
}

#CMGlobal_headernav a:hover {
  color: #236093;
  text-decoration: underline;
  border-bottom: underline;
}

.logout {
  background: transparent url("../images/icon_lock.png") no-repeat left -2px;
  padding: 2px 0 0 20px;
}

.CMGlobal_header_welcome_text {
  float: right;
  clear: both;
  margin: 5px 10px 0 0;
}

#CMGlobal_navigation {
  margin: 0 auto 0 auto;
  width: 100%;
  max-width: 1280px;
}

.CMGlobal_navigation {
  float: left;
  height: 0px;
  width: 100%;
}

.CMGlobal_navigationbox ul {
  padding: 0 0 0 0 !important;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: none;
  position: relative;
}

.CMGlobal_navigationbox ul li {
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0 !important;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: none;
}

.CMGlobal_navigationbox ul li a, .CMGlobal_navigationbox ul li a:visited {
  background: none;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, none 0%, none 40%, none 100%);
  /* W3C */
  box-shadow: none;
  color: #666666 !important;
  display: block;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  font-weight: bold;
  padding: 0 40px 6px 5px;
  text-transform: uppercase;
  text-decoration: none;
  clear: both;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  font-size: 15px;
  margin-right: 9px;
  border-radius: 0;
  border-top: none;
  border-left: 1px solid #ccc;
  border-right: none;
  border-bottom: none;
  line-height: 15px;
  height: 30px;
}

.CMGlobal_navigationbox .delegatedadminmenu, .CMGlobal_navigationbox .noentitlementmenu {
  background: none;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, none 0%, none 40%, none 100%);
  /* W3C */
  box-shadow: none;
  color: #666666 !important;
  display: block;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  font-weight: bold;
  padding: 0 40px 6px 5px;
  text-transform: uppercase;
  text-decoration: none;
  clear: both;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  font-size: 15px;
  margin-right: 9px;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  line-height: 15px;
  height: 30px;
}

/*.CMGlobal_navigationbox ul li a:hover {
    @include background-gradient-vertical($navigation-link-hover-background-color-default, $navigation-link-hover-background-color-gradient-0, 
    $navigation-link-hover-background-color-gradient-40, $navigation-link-hover-background-color-gradient-100, $background-color-stop);
    box-shadow: $navigation-link-hover-background-box-shadow;
    color: $navigation-link-hover-text-color;
    display: $navigation-link-hover-display;
    font-family: $font-family-bold;
    font-weight: $navigation-link-hover-font-weight;
    padding: $navigation-link-hover-padding;
    text-transform: $navigation-link-hover-text-transform;
    text-decoration: $navigation-link-hover-text-decoration;
    clear: both;
    font-size: $navigation-link-hover-text-font-size; 
    margin-right: $navigation-link-hover-margin-right;
    border-radius: $navigation-link-hover-border-radius;
    border-top: $navigation-link-hover-border-top;
    border-left: $navigation-link-hover-border-left;
    border-right: $navigation-link-hover-border-right;
    border-bottom: $navigation-link-hover-border-bottom; 
}*/
.CMGlobal_navigationbox ul li a.selected {
  background: #FFFFFF;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, none 0%, none 40%, none 100%);
  /* W3C */
  border-radius: 0;
  border-top: 1px solid #FFFFFF !important;
  border-right: 1px solid #FFFFFF !important;
  border-bottom: none !important;
  border-left: 1px solid #ccc !important;
  color: #666666 !important;
  font-weight: bold;
}

/* ------------------------>> Subnavigation  <<------------------------------- */
#CMGlobal_subnavigation {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  margin: 5px 0 0 5px;
  float: left;
  text-transform: none;
  background: transparent;
  width: 100%;
  height: auto;
}

.CMGlobal_subnavigationbox,
#CMGlobal_subnavigationbox {
  margin: 0;
  padding: 0 0 0 0;
  background: transparent;
}

.CMGlobal_subnavigationbox ul,
#CMGlobal_subnavigationbox ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0 !important;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: none;
}

.CMGlobal_subnavigationbox ul li,
#CMGlobal_subnavigationbox ul li {
  background: #fff;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #fff 40%, #fff 100%);
  /* W3C */
  margin: 0 0 0 0;
  display: inline;
  font-size: 14px;
  padding: 10px 24px 10px 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: none;
  border-radius: 0 0 0 0;
  color: #666 !important;
  height: 45px;
}

.CMGlobal_subnavigationbox ul li:hover,
#CMGlobal_subnavigationbox ul li:hover {
  background: #fff;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #fff 40%, #fff 100%);
  /* W3C */
  border-radius: 0 0 0 0;
  color: #236093 !important;
}

.CMGlobal_subnavigationbox ul li.selected,
#CMGlobal_subnavigationbox ul li.selected {
  border-radius: 0;
}

#CMGlobal_subnavigationbox ul li {
  float: left;
  padding: 0 0 0 0;
}

.CMGlobal_subnavigationbox ul li a,
#CMGlobal_subnavigationbox ul li a, .CMGlobal_subnavigationbox ul li a:visited {
  color: #666;
  display: block;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  padding: 0 0 12px !important;
  text-decoration: none;
  border-bottom: none !important;
  text-transform: uppercase;
  font-weight: bold;
}

.CMGlobal_subnavigationbox ul li a:hover,
#CMGlobal_subnavigationbox ul li a:hover {
  color: #236093;
  border-bottom: none !important;
}

.CMGlobal_subnavigationbox ul li a.selected {
  color: #666666;
  font-weight: bold;
  box-shadow: none !important;
  border-bottom: none !important;
  background: #fff;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #fff 40%, #fff 100%);
  /* W3C */
}

#CMGlobal_subnavigationbox ul li a.selected:hover,
.CMGlobal_subnavigationbox ul li a.selected:hover {
  color: #236093;
  border-bottom: none !important;
}

#CMAbout_subnavigation {
  display: flex;
  margin: 0 auto 0;
  width: 100%;
}

#CMAbout_subnavigation #subnavigation {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}

.submenu a {
  border: none !important;
  font-size: 14px !important;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  padding: 12px 25px 10px 5px !important;
  height: auto !important;
}

.submenu a:hover {
  margin-right: 0 !important;
  padding: 12px 25px 10px 5px !important;
  color: #236093 !important;
}

#topnav li ul {
  background-color: #fff;
  box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.25);
  display: none;
  padding: 10px 20px;
  position: absolute;
  left: 5px;
  /* top: 31px;*/
  z-index: 9999;
}

.CMGlobal_navigationbox li:hover > a {
  color: #035d67;
}

#topnav li ul li {
  /*float: none;*/
  clear: both;
  text-transform: uppercase;
  text-decoration: none !important;
  cursor: pointer !important;
  font-size: 12px !important;
  text-align: left;
  padding: 8px 0;
}

#topnav li ul li:last-child {
  border: none;
}

.mainmenu {
  display: block;
  float: left;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  cursor: pointer !important;
  font-size: 12px !important;
  border-right: 1px solid #a8aeaf;
}

.mainmenu a {
  white-space: nowrap;
  width: auto;
}

/* ------------------------>> About Page & Contact Us - Subnavigation  <<------------------------------- */
#CMAbout_subnavigation #subnavigation #CMGlobal_subnavigation #CMGlobal_subnavigationbox,
#subnavigation #CMGlobal_subnavigation #CMGlobal_subnavigationbox {
  border-top: none;
  float: left;
  margin: 0;
}

#CMAbout_subnavigation #subnavigation #CMGlobal_subnavigation #CMGlobal_subnavigationbox ul,
#subnavigation #CMGlobal_subnavigation #CMGlobal_subnavigationbox ul {
  margin: 0;
}

#CMAbout_subnavigation #subnavigation #CMGlobal_subnavigation #CMGlobal_subnavigationbox ul li,
#subnavigation #CMGlobal_subnavigation #CMGlobal_subnavigationbox ul li {
  display: inline;
  font-size: 12px;
  padding: 10px 24px 10px 0;
}

#CMAbout_subnavigation #subnavigation #CMGlobal_subnavigation #CMGlobal_subnavigationbox ul li a,
#subnavigation #CMGlobal_subnavigation #CMGlobal_subnavigationbox ul li a {
  text-decoration: none;
}

#CMAbout_subnavigation #subnavigation #CMGlobal_subnavigation #CMGlobal_subnavigationbox ul li a:hover,
#subnavigation #CMGlobal_subnavigation #CMGlobal_subnavigationbox ul li a:hover {
  text-decoration: none !important;
}

#CMAbout_subnavigation #subnavigation #CMGlobal_subnavigation #CMGlobal_subnavigationbox ul li a.selected,
#subnavigation #CMGlobal_subnavigation #CMGlobal_subnavigationbox ul li a.selected {
  border-bottom: 1px solid #000000 !important;
}

.CMGlobal_subnavigationactive a {
  box-shadow: none !important;
}

/* ========================================================================
   Component: PL > cm-app > scaffolding > _footer.scss
 ========================================================================== */
/* ------------------------->> Footer Elements <<-------------------------------- */
#bottom {
  border-top: 1px solid #d2d2d2;
  clear: both;
  float: left;
  margin: 10px 0 0 0;
  width: 100%;
}

#CMGlobal_footer {
  margin: 0 auto;
  width: 100%;
  height: 80px;
}

#CMGlobal_footerbox {
  color: #999999;
  margin: 0 auto 0 auto;
  padding: 12px 0 0 0;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  max-width: 1280px;
}

#CMGlobal_footerdisclosure {
  font-size: 11px;
}

#CMGlobal_footerbox a {
  color: #236093;
  font-size: 11px;
  text-decoration: none;
  border-bottom: 0px solid #fff;
  padding-bottom: 2px;
}

#CMGlobal_footerbox a:visited {
  color: #236093;
  font-size: 11px;
  text-decoration: none;
  border-bottom: 0px solid #fff;
  padding-bottom: 2px;
}

#CMGlobal_footerbox a:active, #CMGlobal_footerbox a:hover {
  color: #236093;
  font-size: 11px;
  text-decoration: none;
  border-bottom: 0px solid blue;
  padding-bottom: 2px;
}

.CMGlobal_footercopyright {
  float: left;
  font-size: 11px;
  width: 70%;
}

.CMGlobal_footerlogo {
  float: left;
  height: 27px;
  margin: 0 0 0 0;
  width: 120px;
}

.CMGlobal_footerlogo a {
  border: none !important;
}

.CMGlobal_footerterms {
  color: #999999;
  float: right;
  font-size: 11px;
  text-align: right;
}

.CMGlobal_footerterms a {
  color: #236093;
  font-size: 11px;
  border-bottom: 0px solid #fff;
  text-decoration: none;
}

.CMGlobal_footerterms a:active, .CMGlobal_footerterms a:hover {
  color: #236093;
  font-size: 11px;
  border-bottom: 0px solid blue;
}

.CMGlobal_footerterms a:visited {
  color: #236093;
  font-size: 11px;
  border-bottom: 0px solid #fff;
}

.CMGlobal_footerterms #privacyLink, .CMGlobal_footerterms #termsLink {
  margin: 0 0 0 10px;
  text-decoration: none;
  padding-bottom: 2px;
}

#CMAccount_AccountMain_pageleveldisclaimer, .CMFund_Holdings_Dashboarddisclaimer, .CMAccount_Analytics_pagedisclaimer {
  font-size: 11px;
  color: #999999;
  clear: both;
  max-width: 1280px;
  margin: 0 auto;
  padding: 10px 0;
  width: 100%;
}

/* ========================================================================
   Component: PL > cm-app > scaffolding > _common.scss
 ========================================================================== */
.CMGlobal_negativeamount {
  color: #FF0000;
}

#CMAccount {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  padding: 0 0 30px 0;
  background: #FFF;
}

/*Information Message CSS-----------------------------*/
#CMAccount_AccountMain_noaccounts, .CMBatchTrade_EmptyRow td, .CMAccount_AccountMain_mmmfnofundstext, .CMAccount_FutureDatedTrades_data_notrades,
#downloadCSVErrorMessage .CMGlobal_errormessage, #CMFund_Dashboard_NoData .CMGlobal_errormessage, #CMFund_Holdings_NoData .CMGlobal_errormessage, #CMCompliance_compliancetable .CMGlobal_GridView_emptytable,
#CMAccount_Analytics #CMAccount_AnalyticsFilter_Error .CMAccount_AnalyticsFilter_error,
#CMReports .CMGlobal_infomessage, #CMAccount_TodaysTrades_data .CMAccount_TodaysTrades_notrades, .ssoInformationMsgInnerContainer, .CMAccount_AccountDetail_noaccountmessage,
.PortfolioWidgetNoPosition, .historical-data-widget-nodata p, .watch-list-icon-info, .dashboard-no-market-indices-message, .market-indices .CMGlobal_errormessage,
#CMAlerts_Home .k-grid-norecords, .noposition-exposure-profile p, .dashboard-no-widgets-message, .CMTrade_DualAuthorizationApproval_gridview_noresutlsmessage,
.dashboard-alerts-noalerts, #CMGlobal_N436_Dashboard .noaccounts, .nodata-Exposure-by-Country, .nodata-Exposure-by-Category, .nodata-Exposure-by-Issuer {
  color: #666;
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px !important;
}

#CMGlobal_messagebox {
  clear: both;
  float: left;
  width: 100%;
}

#CMGlobal_message_dashboard, #CMGlobal_message {
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: black;
  line-height: normal;
  vertical-align: top;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  background: lightgrey;
  display: block;
  float: none;
  width: auto;
  height: auto;
  position: static;
  border-style: none;
  border-width: medium;
  border-color: black;
  padding: 10px;
  margin: 20px auto;
  overflow: unset;
}

#CMGlobal_message_dashboard h1, #CMGlobal_message h1 {
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  color: black;
  line-height: normal;
  vertical-align: top;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  background: transparent;
  display: block;
  float: none;
  width: auto;
  height: auto;
  position: static;
  border-style: none;
  border-width: medium;
  border-color: black;
  padding: unset;
  margin: 0 auto 8px;
  overflow: unset;
}

#CMGlobal_message_dashboard h2, #CMGlobal_message h2 {
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: black;
  line-height: normal;
  vertical-align: top;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  background: transparent;
  display: block;
  float: none;
  width: auto;
  height: auto;
  position: static;
  border-style: none;
  border-width: medium;
  border-color: black;
  padding: unset;
  margin: 12px auto 8px;
  overflow: unset;
}

#CMGlobal_message_dashboard h3, #CMGlobal_message h3 {
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: black;
  line-height: normal;
  vertical-align: top;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  background: transparent;
  display: block;
  float: none;
  width: auto;
  height: auto;
  position: static;
  border-style: none;
  border-width: medium;
  border-color: black;
  padding: unset;
  margin: auto;
  overflow: unset;
}

#CMGlobal_message_dashboard p, #CMGlobal_message p {
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: black;
  line-height: normal;
  vertical-align: top;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  background: transparent;
  display: block;
  float: none;
  width: auto;
  height: auto;
  position: static;
  border-style: none;
  border-width: medium;
  border-color: black;
  padding: unset;
  margin: 4px auto 4px;
  overflow: unset;
}

#CMGlobal_message_dashboard ul, #CMGlobal_message ul {
  list-style: disc;
  margin: 4px auto 12px;
  padding: unset;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

#CMGlobal_message_dashboard ul li, #CMGlobal_message ul li {
  list-style-type: disc;
  list-style-image: none;
  list-style-position: inside;
  /*----*/
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: black;
  line-height: normal;
  vertical-align: top;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  background: transparent;
  display: unset;
  float: none;
  width: auto;
  height: auto;
  position: static;
  border-style: none;
  border-width: medium;
  border-color: black;
  padding: unset;
  margin: 4px auto 4px;
  overflow: unset;
}

.CMPrint_ToolBar a:link, .CMPrint_ToolBar a:active, .CMPrint_ToolBar a:visited, .CMPrint_ToolBar a:hover {
  text-decoration: none !important;
}

.jvectormap-label {
  display: none;
  position: absolute;
  padding: 5px;
  background: #FFFFFF;
  color: #000000;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 12px !important;
  border: solid 1px #ccc !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
}

/*---------------- Printer Friendly Version------------------*/
a.CMGlobal_printerfriendly {
  background: url(../images/icon_print.png) left 0 no-repeat;
  float: right;
  border-bottom: none;
  padding-left: 24px;
  text-transform: uppercase;
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  height: 20px;
}

a.CMGlobal_printerfriendly:link, a.CMGlobal_printerfriendly:hover, a.CMGlobal_printerfriendly:visited {
  background: url(../images/icon_print.png) left 0 no-repeat;
  float: right;
  border-bottom: none;
  color: #000000;
  height: 20px;
}

/* -------------------------------->> Errors <<---------------------------------- */
.CMGlobal_errormessage {
  clear: both;
  float: left;
  font-weight: normal;
  margin: 0px !important;
  text-align: left;
  background: #fff;
  border: none;
  color: #b5121b;
  width: 100%;
}

.CMGlobal_errormessage a {
  color: #b5121b !important;
  text-decoration: none !important;
}

.CMGlobal_errormessage a:active, .CMGlobal_errormessage a:visited {
  color: #b5121b;
  text-decoration: none;
}

.CMGlobal_errormessage a:hover {
  text-decoration: underline !important;
}

.CMGlobal_errormessage:empty {
  display: none;
}

#CMGlobal_error {
  color: #b5121b;
  font-weight: bold;
}

#CMGlobal_error span {
  color: #b5121b !important;
  font-weight: bold;
  background: #fff;
  padding: 5px 0;
  border: none;
  margin: 5px 0 0 0 !important;
  text-align: left;
  display: inherit;
}

#CMGlobal_error span:empty {
  display: none;
}

/*Error Message CSS*/
.PlErrorMsgInnerContainer {
  color: #b5121b !important;
  font-weight: bold;
  background: #fff;
  padding: 5px 0;
  border: none;
  margin: 0 auto !important;
  max-width: 1280px;
  text-align: left;
  display: inherit;
}

/*Dashboard Fund Detail*/
#CMGlobal_transactionbai, .PageTitleHolder, #CMGlobal_PrintToolBox, #CMBatchTrade_BatchTradeConfirmation_printtoolbox {
  display: none;
}

#myFundModal .modal-content, #myModal .modal-content {
  width: 750px;
}

/* Global Download link */
#CMGlobal_introductiontoolbox_downloadlinktext input {
  background: transparent url("../images/download.png") no-repeat scroll center center;
  border: none;
  cursor: cursor;
  float: right;
  font-size: 0;
  height: 20px;
  padding: 0;
  width: 16px;
}

/*------------------------------Temp fix---------------------------*/
#exposureProfileBackdrop {
  position: absolute;
  z-index: 50;
  background: #ccc;
  text-align: right;
  font-size: 11px;
  font-weight: bold;
  opacity: .9;
  padding-top: 5px;
}

#exposureProfileBackdropWait, #marketIndicesBackdropWait {
  text-align: center;
  padding-top: 20px;
}

#exposureProfileBackdropWaitAnimation, #marketIndicesBackdropWaitAnimation {
  padding: 10px 100px;
}

.ui-widget-overlay {
  background: #000;
  height: 100%;
  opacity: 0.5;
  width: 100%;
}

/* ------------- Tabs --------*/
.CMtabs {
  border-bottom: none;
  clear: both;
  float: left;
  width: 100%;
  border-bottom: 1px solid #b7b4b4;
}

.CMtabs ul li.selected {
  /*border-bottom:3px solid #1f6b1d;*/
  border-top: 1px solid #b7b4b4;
  border-left: 1px solid #b7b4b4;
  border-right: 1px solid #b7b4b4;
  border-bottom: 1px solid #fff;
}

.CMtabs ul li {
  position: relative;
  top: 1px;
  border-bottom: 1px solid #b7b4b4;
  display: inline-flex;
}

.CMtabs ul li a {
  background: #ffffff;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff 100%);
  /* W3C */
  box-shadow: none;
  color: #000;
  display: inline;
  font-weight: normal;
  padding: 3px 9px 6px !important;
  text-transform: uppercase;
  text-decoration: none;
  clear: both;
  font-size: 12px;
  margin-left: 0;
  border-radius: 0;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none;
  float: left;
  margin: 5px;
}

.CMtabs ul li.selected a, .CMtabs ul li.USDselected a, .CMtabs ul li.EURselected a, .CMtabs ul li.GBPselected a {
  background: #ffffff;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff 100%);
  /* W3C */
  cursor: pointer;
  font-size: 12px;
  margin-left: 0;
  box-shadow: none;
  border-radius: 0;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  color: #000 !important;
  opacity: 1 !important;
  float: none;
  display: inline;
}

.CMtabs ul li.selected a:hover, .CMtabs ul li.USDselected a:hover, .CMtabs ul li.EURselected a:hover, .CMtabs ul li.GBPselected a:hover {
  background: #ffffff;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff 100%);
  /* W3C */
  cursor: pointer;
  font-size: 12px;
  margin-left: 0;
  box-shadow: none;
  border-radius: 0;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  color: #000 !important;
  opacity: 1 !important;
  float: none;
  display: inline;
  text-transform: uppercase;
}

.CMtabs ul li a:hover {
  background: #ffffff;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff none 100%);
  /* W3C */
  box-shadow: none;
  color: #333;
  font-weight: normal;
  padding: 3px 9px 6px !important;
  text-transform: uppercase;
  text-decoration: none;
  clear: both;
  font-size: 12px;
  border-radius: 0;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none;
  position: relative;
  display: inline;
}

.ui-widget {
  font-family: CitiSans, arial, helvetica, sans-serif !important;
}

.ui-widget-content {
  color: #666;
}

.ui-widget-content a {
  color: #236093;
}

.ui-widget-content a:hover, .ui-widget-content a:active {
  color: #236093;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  box-shadow: none;
  color: #666;
}

.blockMsg {
  border: 1px solid #efefef !important;
}

.ui-state-active span {
  color: #666;
}

#fundDetailsDialog, #fundDetailsWatchDialog {
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 13px;
  width: 100%;
}

/*-------- AJAX Calendar -----------*/
.CMGlobal_CAcalendar {
  background: #FFFFFF;
  border: 1px solid #d2d2d2;
  box-shadow: -1px 1px 2px 0 #adaaad;
  padding: 5px;
  width: 329px !important;
}

.CMGlobal_CAcalendar table tr td {
  text-align: center;
}

.CMGlobal_CAcalendartitle {
  font-weight: bold;
  font-size: 13px;
}

.CMGlobal_CACalendarheader {
  padding: 5px 0 !important;
  width: 100% !important;
}

.CMGlobal_CACalendarheader_month {
  float: left;
  margin: 0 3px 5px 3px;
}

.CMGlobal_CACalendarheader_monthprevious {
  float: left;
  margin: 0;
  color: #333333 !important;
}

.CMGlobal_CACalendarheader_monthlabel {
  float: left;
  font-weight: bold;
  width: 74px !important;
  color: #333333 !important;
}

.CMGlobal_CACalendarheader_monthnext {
  float: left;
  margin: 0;
  color: #333333 !important;
}

.CMGlobal_CACalendarheader_year {
  float: right;
  margin: 0 3px 5px 3px;
}

.CMGlobal_CACalendarheader_yearprevious {
  float: left;
  margin: 0;
  color: #333333 !important;
}

.CMGlobal_CACalendarheader_yearlabel {
  float: left;
  font-weight: bold;
  width: 40px;
  color: #333333 !important;
}

.CMGlobal_CACalendarheader_yearnext {
  float: left;
  margin: 0;
  color: #333333 !important;
}

.CMGlobal_CACalendarheader_monthprevious a, .CMGlobal_CACalendarheader_yearprevious a {
  background: url(../images/cal_prevMonth.gif) no-repeat left 5px;
  border: none;
  float: left;
  height: 15px;
  width: 10px;
}

.CMGlobal_CACalendarheader_monthnext a, .CMGlobal_CACalendarheader_yearnext a {
  background: url(../images/cal_nextMonth.gif) no-repeat right 5px;
  border: none;
  float: left;
  height: 15px;
  width: 10px;
}

.CMGlobal_CACalendarfooter {
  margin: 5px 0;
  font-weight: bold;
}

.CMGlobal_CAcalendarmonth {
  background: #fff;
  width: 100%;
}

.CMGlobal_CAcalendarmonth tr td {
  float: left;
  width: 24px;
  padding: 3px 0;
  margin: 0 10px;
}

.CMGlobal_CAcalendarselectmonth, .CMGlobal_CAcalendarselectweek {
  display: none;
}

.CMGlobal_CAcalendarselectweekactive, .CMGlobal_CAcalendarselectweekhover {
  background: #e7e7e7;
}

.CMGlobal_CAcalendarday .CMGlobal_CAcalendarweekenddayhover {
  color: #236093 !important;
  background: #FFFFFF !important;
}

.CMGlobal_CAcalendardayheader {
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  font-size: 11px;
}

.CMGlobal_CAcalendardayhover {
  background: #236093;
  color: #FFFFFF;
  cursor: pointer;
}

.CMGlobal_CAcalendardisabledday, .CMGlobal_CAcalendaroutofrangeday, .CMGlobal_CAcalendaroutofrangedayhover {
  color: #E6E6E6;
  background: #FFFFFF;
  cursor: default;
  font-style: italic;
}

.CMGlobal_CAcalendartodayday {
  background: #236093;
  color: #FFFFFF;
}

.CMGlobal_CAcalendartodaydayhover {
  background: #236093;
  color: #FFFFFF;
}

.CMGlobal_CAcalendarselectedday, .CMGlobal_CAcalendarselecteddayhover {
  background: #236093;
  color: #FFFFFF;
}

table.CMGlobal_CAcalendarmonth tr td.CMGlobal_CAcalendarday {
  cursor: pointer !important;
}

table.CMGlobal_CAcalendarmonth tr td.CMGlobal_CAcalendaroutofrangeday {
  cursor: default !important;
}

.CMGlobal_filterbox, CMGlobal_searchbox, #CMAccount_TodaysPurchaseTotal_searchbox {
  padding: 10px;
}

/*-----------------------------Kendo Calendar------------------------*/
.k-animation-container {
  background: #FFFFFF;
  border: none;
  padding: 0 !important;
  width: auto !important;
  height: 225px !important;
  margin-left: 0px !important;
}

.k-calendar-container {
  width: 329px !important;
  padding: 0px !important;
  height: 225px !important;
}

.k-calendar {
  width: 100% !important;
  height: 225px !important;
}

.k-calendar .k-content .k-link {
  text-decoration: none;
  float: left;
  width: 30px;
  padding: 3px 0;
  margin: 0 10px;
  text-align: center;
  border: none;
  min-height: 8px;
  line-height: 1.4em;
  color: #333333 !important;
}

.k-calendar .k-link.k-nav-fast {
  color: #333333 !important;
  font-weight: bold !important;
}

.k-calendar .k-link.k-nav-fast.k-state-hover {
  color: #333333 !important;
  font-weight: bold !important;
}

.k-calendar .k-content th {
  text-align: center;
  background: #fff;
  border: none;
  padding: .4em .45em .4em .5em;
}

.k-header {
  background: #fff;
}

.k-calendar .k-header .k-link.k-nav-next, .k-calendar .k-header .k-link.k-nav-prev {
  height: 1.8333em;
  width: 1.8333em;
  border: none;
  text-decoration: none;
}

.k-calendar .k-state-hover .k-link {
  color: #fff !important;
}

.k-calendar .k-other-month.k-state-hover .k-link {
  box-shadow: none !important;
  background-image: none !important;
}

.k-calendar .k-icon.k-i-arrow-w, .k-calendar .k-state-hover span.k-i-arrow-w {
  background: url(../images/cal_prevMonth.gif) no-repeat left 5px !important;
  margin-left: 10px;
}

.k-calendar .k-icon.k-i-arrow-e, .k-calendar .k-state-hover span.k-i-arrow-e {
  background: url(../images/cal_nextMonth.gif) no-repeat right 5px !important;
  margin-right: 10px;
}

.k-link.k-nav-fast {
  background: #fff;
  border: none;
  text-decoration: none;
}

.k-calendar .k-footer .k-link {
  padding: 0;
  color: #236093;
  text-decoration: none !important;
  font-weight: bold;
  font-size: 13px;
}

.k-calendar .k-footer .k-link:hover {
  padding: 0;
  color: #236093;
  text-decoration: none !important;
  font-weight: bold;
  font-size: 13px;
}

.k-state-selected, .k-state-focused, .k-state-hover {
  border: none !important;
  background: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.k-state-selected a, .k-state-selected.k-state-hover a {
  color: #FFFFFF;
  background: #236093;
  border: none !important;
  border-radius: 0 !important;
}

.k-state-hover a {
  background: #236093;
  border-radius: 0 !important;
  border: none;
  color: #FFFFFF !important;
}

.k-state-hover:hover {
  background: #236093;
  border-radius: 0 !important;
  border: none;
  color: #FFFFFF !important;
}

.k-state-disabled span.k-i-arrow-e, .k-state-disabled span.k-i-arrow-w {
  opacity: 0.7;
}

.k-footer .k-nav-today {
  text-decoration: none !important;
  color: #236093 !important;
  cursor: pointer !important;
  display: inline !important;
}

.k-footer .k-nav-today:hover {
  color: #236093 !important;
}

.k-footer a.k-state-disabled {
  text-decoration: none !important;
  display: inline !important;
  border: none !important;
}

.k-calendar .k-today {
  box-shadow: none !important;
  color: #565A5C !important;
}

.k-calendar .k-today .k-link {
  font-weight: normal;
}

.k-calendar td.k-state-selected .k-link, .k-calendar td.k-today.k-state-selected.k-state-hover .k-link {
  color: #fff !important;
}

.PlErrorMsgContainer {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}

.PlErrorMsgInnerContainer, .ssoErrorMsgInnerContainer {
  clear: both;
  color: #666;
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px !important;
}

/*--------SSO Error page - SSO Session time out Page - SSO Logout Page - PL Error Page----------*/
.ssoErrorMsgContainer, .PlErrorMsgContainer.ssoInformationMsgContainer, .ssoInformationMsgContainer {
  padding: 10px;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}

.PlErrorMsgLinkContainer {
  float: left;
  padding: 10px;
}

/*--------END : SSO Error page - SSO Session time out Page - SSO Logout Page - PL Error Page----------*/
.wijmo-wijgrid .wijmo-wijgrid-headerrow th {
  border-top: 1px solid #d2d2d2 !important;
  border-bottom: 3px solid #d2d2d2 !important;
}

.wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-wijgrid-headertext {
  padding: 7px !important;
}

.wijmo-wijgrid .wijmo-wijgrid-row {
  background: #fff;
}

.wijmo-wijgrid .wijmo-wijgrid-alternatingrow {
  background: #f1f2f2;
}

.wijmo-wijgrid .wijmo-wijgrid-row td {
  border-bottom: none !important;
}

.tooltip {
  font-size: 11px;
  font-family: CitiSans, arial, helvetica, sans-serif;
  color: #333333;
}

.CMGlobal_CAGridViewMaster_gridviewfooter {
  /*background: $grid-pager-background;
    padding:$grid-pager-padding;
    float: right;
    width: 100%;*/
}

/* USBF Fund Detail - Generalised flow for Fund Detail */
#CMFund_USBFFundResearchFundDetail {
  width: 900px;
}

#CMFund_FundResearchFundDetail_data_navhistory,
#CMFund_FundResearchFundDetail_data_duration,
#CMFund_FundResearchFundDetail_data_spreadDuration,
#CMFund_FundResearchFundDetail_data_totalReturn,
#CMFund_FundResearchFundDetail_data_aoe,
#CMFund_FundResearchFundDetail_data_30day_sec_yield {
  clear: both;
  margin: 0 0 5px;
}

.CMFund_FundResearchFundDetail_secondarylabel_container {
  clear: both;
  float: left;
}

.CMFund_FundResearchFundDetail_secondarylabel {
  float: left;
  margin: 0 3px 0 0;
}

#CMFund_FundResearchFundDetail_datacolumndocumentsUSBF_annualReturn {
  padding-left: 8px;
}

.CMFund_MMMFResearchFundDetail_funddetails_label,
#CMFund_FundResearchFundDetail_data_avgAnnualReturnOneYear,
#CMFund_FundResearchFundDetail_data_avgAnnualReturnThreeYear,
#CMFund_FundResearchFundDetail_data_avgAnnualReturnFiveYear,
#CMFund_FundResearchFundDetail_data_avgAnnualReturnTenYear,
#CMFund_FundResearchFundDetail_data_lifereturn {
  clear: both;
}

#CMFund_USBFFundResearchFundDetail #CMFund_MMMFFundResearchFundDetail_data_ratingsheader, #fundDetailsDialog #CMFund_MMMFFundResearchFundDetail_data_ratingsheader {
  font-weight: normal;
}

/*NEW BANNER*/
.CMNav_New_Chip {
  background-color: yellow;
  font-size: 9px;
  font-family: Roboto, arial, verdana, helvetica, sans-serif;
  color: black;
  margin: 0px 0px 0px 2px;
  padding: 2px 4px 2px 4px;
  border: solid 2px yellow;
  border-radius: 16px 16px 16px 16px !important;
  font-weight: bold;
  display: inline-block;
}

.CMSubNav_New_Chip {
  background-color: yellow;
  font-size: 9px;
  font-family: Roboto, arial, verdana, helvetica, sans-serif;
  color: black;
  margin: -2px 0px 0px 0px;
  padding: 2px 4px 2px 4px;
  border: solid 2px yellow;
  border-radius: 16px 16px 16px 16px !important;
  font-weight: bold;
  display: inline-block;
}

/*Highlight Fund Cutoff CSS-----------------------------*/
.highlight-fund-cutoff {
  color: #FF0000 !important;
  font-weight: bold;
  border: 1px solid #FF0000 !important;
  padding: 1px 2px !important;
}

.highlight-fund-cutoff span.fund-values {
  color: #FF0000 !important;
  font-weight: bold !important;
}

.CMGlobal_footer_disclaimer, #CMGlobal_pagelevel_footer {
  color: #999999;
  font-size: 11px;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  clear: left;
  padding-top: 12px;
}

/* --------------------------------------------------------->>> PRINT <<<-----------------------------------------------------------*/
body#CMGlobal_Print {
  background: #FFF;
  color: #000;
  margin: 0 0 0 10px;
}

td.printcellgraybottom {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
}

td.CMPrint_Account_Border {
  font-size: 12px;
  padding: 5px 0 0 5px;
}

#CMPrint_Container {
  margin: 0;
  width: 630px;
}

.CMPrint_ToolBar {
  float: left;
  font-size: 12px;
  margin: 10px 0 10px 10px;
  width: 630px;
}

.CMPrint_ToolBar a:link, .CMPrint_ToolBar a:active, .CMPrint_ToolBar a:visited, .CMPrint_ToolBar a:hover {
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

.CMPrint_PrintWindow {
  float: left;
  text-align: left;
}

.CMPrint_CloseWindow {
  float: right;
  text-align: right;
}

.CMPrint_FloatBreak {
  clear: both;
  float: none;
  vertical-align: top;
  width: 630px;
}

.GridViewPrintHeader {
  background: #FFF;
  border: 1px solid #000;
  font-size: 12px;
  font-weight: bold;
  padding: 3px;
}

.CMPrint_maintablerow {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 12px;
  padding: 2px 5px 2px 5px;
  text-align: center;
}

.CMPrint_introductionheader {
  clear: both;
  font-size: 33px;
  font-weight: normal;
}

.CMPrint_TableTotalbottom {
  border-right: 1px solid #000;
  font-size: 12px;
  padding: 5px;
  text-align: right;
  vertical-align: top;
}

td.CMPrint_tableColumnLeft {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 12px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
}

.CMPrint_tableColumnHeaderLeft {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  text-align: left;
  vertical-align: top;
}

.CMPrint_tableColumnCenter {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 12px;
  padding: 5px;
  text-align: center;
  vertical-align: top;
}

.CMPrint_tableColumnHeaderCenter {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
  text-align: center;
  vertical-align: top;
}

.CMPrint_tableColumnRight {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 12px;
  padding: 5px;
  text-align: right;
  vertical-align: top;
}

.CMPrint_tableColumnHeaderRight {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
  text-align: right;
  vertical-align: top;
}

#CMPrint_AccountHeader {
  font-size: 12px;
  margin: 10px 0 0 0;
  width: 630px;
}

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

.CMPrint_Todays_Trade_Currency_USD {
  font-size: 17px;
  font-weight: normal;
  padding-bottom: 10px;
}

#CMPrint_AccountNumber {
  font-size: 14px;
  font-weight: normal;
  padding: 30px 0 0 0;
}

.CMPrint_blocktext {
  display: block;
  font-size: 12px;
}

#CMPrint_TotalPortfolioBalance {
  font-size: 17px;
  font-weight: normal;
  margin: 5px 0 0 0;
  padding: 0 0 5px 0;
  text-align: right;
  width: 630px;
}

#CMPrint_AccountManager_Bottoms {
  font-size: 18px;
  margin: 5px 0 0 0;
  padding: 0 0 5px 0;
  text-align: right;
  width: 630px;
}

#CMPrint_TotalAccountBalance {
  border-bottom: 1px solid #000;
  clear: both;
  float: none;
  font-size: 12px;
  font-weight: normal;
  margin: 5px 0 0 0;
  padding: 0 0 5px 0;
  text-align: right;
  width: 630px;
}

#CMPrint_AsOfDate {
  border-bottom: 1px solid #000;
  clear: both;
  font-size: 12px;
  margin: 0 0 30px 0;
  padding: 0 0 5px 0;
  text-align: right;
  width: 630px;
}

#CMPrint_AsOfDate_noborder {
  clear: both;
  font-size: 12px;
  margin: 0 0 30px 0;
  text-align: right;
  padding: 0 0 5px 0;
  width: 630px;
}

#CMPrint_AsOfDate2 {
  font-size: 12px;
  width: 630px;
}

.CMPrint_printlink {
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

.CMPrint_RightSpacer5 {
  padding: 0 5px 0 0;
}

.CMPrint_Table_border {
  border: 1px solid #000;
}

#CMPrint_GridViewWrapper {
  border: 1px solid #000;
  margin-bottom: 10px;
  width: 630px;
}

.CMPrint_AccountManager_Main {
  width: 630px;
}

.CMPrint_AccountManager1 {
  float: left;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  width: 370px;
}

.CMPrint_AccountManager2 {
  float: left;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  width: 250px;
}

.CMPrint_AccountManager_Bottom {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: right;
  width: 630px;
}

.CMPrint_AccountSummary_Wrapper {
  font-weight: normal;
  margin: 0 0 5px 0;
}

.CMPrint_AccountSummary_Wrapper_main {
  margin: 0 0 10px 0;
  padding: 0 5px 0 0;
}

.CMPrint_AccountSummary_Wrapper_text {
  font-weight: normal;
}

.CMPrint_AccountSummary_Repeater_Margin {
  margin: 10px 0 10px 0;
}

.CMPrint_AccountSummary_Repeater_Main {
  font-size: 12px;
  width: 630px;
}

.CMPrint_AccountSummary_Repeater_text {
  font-size: 12px;
  font-weight: normal;
}

.CMPrint_AccountSummary_TotalAccountBalance_wrapper {
  font-size: 3px;
  font-weight: normal;
  margin: 20px 0 5px 0;
}

.CMPrint_AccountSummary_Header_wrapper {
  font-weight: bold;
  margin: 10px 0 10px 0;
}

.CMPrint_AccountSummary_Header_wrappersp {
  font-weight: bold;
  margin: 10px auto 10px 0;
}

.CMPrint_ControlBottoms {
  clear: both;
  font-weight: bold;
  margin: 5px 0 0 0;
  width: 630px;
}

.CMPrint_ControlBottomsRight {
  font-weight: bold;
  margin: 5px 0 0 0;
  text-align: right;
  width: 630px;
}

.CMPrint_ControlBottomsSp {
  clear: both;
  width: 630px;
}

.CMPrint_ControlText {
  font-size: 16px;
  font-weight: normal;
}

.CMPrint_ControlWrapper {
  margin: 0 0 10px 0;
  text-align: left;
  vertical-align: top;
  width: 630px;
}

#CMPrint_AccountSummaryWrapper {
  clear: both;
  width: 630px;
}

#CMPrint_AccountSummaryWrapper table {
  float: left;
  clear: both;
}

#CMPrint_AccountSummaryWrapper .CMAccount_accountsubheader {
  background: #FFF !important;
  width: 630px !important;
}

#CMPrint_AccountSummaryChartWrapper {
  clear: both;
  float: left;
  display: block;
  width: 670px;
}

.CMPrint_AcountSummaryLeft {
  float: left;
  font-size: 12px;
  width: 310px;
}

.CMPrint_AcountSummaryRight {
  float: right;
  font-size: 12px;
  margin: 0;
  width: 290px;
}

.CMPrint_AccountSummary_Repeater_text2 {
  font-size: 12px;
}

#CMPrint_accountfooter {
  margin: 0 auto 20px auto;
  text-align: right;
}

.CMPrint_accountbalance {
  float: left;
  font-size: 12px;
  font-weight: normal;
  padding: 10px 0 8px 0;
}

.CMGlobal_errormessage a {
  color: #ff0000;
  text-decoration: underline;
}

.CMGlobal_errormessage a:active, .CMGlobal_errormessage a:visited {
  color: #ff0000;
  text-decoration: underline;
}

/* ========================================================================
   Component: PL > cm-app > components > _buttons.scss
 ========================================================================== */
/* ---------------------------->>> BUTTONS ELEMENTS <<<--------------------------------------*/
input.CMGlobal_blank60_button, input.CMGlobal_blank80_button, input.CMGlobal_blank100_button, input.CMGlobal_blank120_button {
  border: none;
  cursor: pointer;
  float: left;
  height: auto;
  margin: 0;
  width: 60px;
  color: #fff;
  border-radius: 0;
  padding: 1em 2em;
  text-decoration: none !important;
}

input.CMGlobal_blank60_button {
  background: url(../images/button_blank60.gif) center left no-repeat;
  width: 60px;
}

input.CMGlobal_blank80_button {
  background: url(../images/button_blank80.gif) center left no-repeat;
  width: 80px;
}

input.CMGlobal_blank100_button {
  background: url(../images/button_blank100.gif) center left no-repeat;
  width: 100px;
}

input.CMGlobal_blank120_button {
  background: url(../images/button_blank120.gif) center left no-repeat;
  width: 120px;
}

.btn:visited {
  color: #fff !important;
}

/* --------------------------->> Global Buttons <<-------------------------------- */
.buttonclass, .CMGlobal_searchbutton {
  color: #fff;
  background: #236093;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border-radius: 0;
  text-decoration: none !important;
}

.CMGlobal_searchbutton {
  cursor: pointer;
  padding: 1em 2em;
  float: left;
}

.buttonclass {
  height: auto;
  width: 60px;
  line-height: auto;
}

.CMHome_buttonlogin .badge {
  color: #fff;
  background-color: #FFFFFF;
}

.CMHome_buttonlogin:visited {
  color: #fff;
}

.CMGlobal_Modal_headerclosebutton .buttonclosemodal {
  color: #000000;
  background: transparent;
  border: none;
  text-align: center;
  font-size: 12px;
  font-weight: 100;
  cursor: pointer;
  height: auto;
  width: 58px;
}

.CMGlobal_searchbutton {
  text-transform: uppercase;
  text-decoration: none;
  border: none;
}

.CMGlobal_searchbutton:hover {
  background: #236093;
}

.buttoncancel {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0;
}

.buttoncancel:hover, .buttoncancel:focus {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
}

.buttoncancel.disabled {
  opacity: .5;
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
}

.buttoncancel.disabled:hover, .buttoncancel.disabled:focus, .buttoncancel.disabled:active, .buttoncancel.disabled.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
}

.buttoncancel[disabled] {
  opacity: .5;
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
}

.buttoncancel[disabled]:hover, .buttoncancel[disabled]:focus, .buttoncancel[disabled]:active, .buttoncancel[disabled].active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
}

fieldset[disabled] .buttoncancel {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  border-radius: 0;
}

fieldset[disabled] .buttoncancel:hover, fieldset[disabled] .buttoncancel:focus, fieldset[disabled] .buttoncancel:active, fieldset[disabled] .buttoncancel.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
}

.buttoncancel .badge {
  color: #0062ac;
  background-color: #FFFFFF;
  border-radius: 0;
}

.buttoncontinue {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  margin: 0 0 10px 0;
  padding: 1em 2em;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border: none;
  font-weight: bold;
}

.buttoncontinue:hover, .buttoncontinue:focus, .buttoncontinue:active, .buttoncontinue.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
}

.buttoncontinue.disabled {
  opacity: .5;
}

.buttoncontinue[disabled] {
  opacity: .5;
}

fieldset[disabled] .buttoncontinue {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  border-radius: 0;
}

fieldset[disabled] .buttoncontinue:hover, fieldset[disabled] .buttoncontinue:focus, fieldset[disabled] .buttoncontinue:active, fieldset[disabled] .buttoncontinue.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  border: none;
}

.buttonPrimarySingle, #accounts .panel-collapse .btn, #funds .btn, .modal-footer .btn-primary, .CMCompliance_buttonaddnewrule, .CMCompliance_buttonaddcompgroup, .CMCompliance_buttongroupadd, .CMCompliance_buttongroupremove {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  padding: 1em 2em !important;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  border: none;
  font-weight: bold;
  border: none;
}

.buttonPrimarySingle:hover, .buttonPrimarySingle:focus, #accounts .panel-collapse .btn:hover, #accounts .panel-collapse .btn:focus, #funds .btn:hover, #funds .btn:focus, .modal-footer .btn-primary:hover, .modal-footer .btn-primary:focus, .CMCompliance_buttonaddnewrule:hover, .CMCompliance_buttonaddnewrule:focus, .CMCompliance_buttonaddcompgroup:hover, .CMCompliance_buttonaddcompgroup:focus, .CMCompliance_buttongroupadd:hover, .CMCompliance_buttongroupadd:focus, .CMCompliance_buttongroupremove:hover, .CMCompliance_buttongroupremove:focus {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
  font-size: 12px;
  color: #fff !important;
  border: none !important;
  text-decoration: none;
}

.buttonok {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  margin: 0 5px 10px 0;
  padding: 1em 2em;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border: none;
  font-weight: bold;
}

.buttonok:hover, .buttonok:focus, .buttonok:active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
  border: none;
  color: #fff;
}

.buttonyes, .CMBatchTrade_buttonupdate {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  margin: 0 5px 10px 0;
  padding: 1em 2em;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #fff;
  border: none;
  font-weight: bold;
}

.buttonyes:hover, .buttonyes:focus, .buttonyes:active, .CMBatchTrade_buttonupdate:hover, .CMBatchTrade_buttonupdate:focus, .CMBatchTrade_buttonupdate:active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
  border: none;
  color: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .btn-primary, .CMAccount_AccountMain_BankProductsGridview_columnreinvest input {
    font-family: "CitiSans Bold",arial,helvetica,sans-serif;
  }
  .CMBankProducts_BatchTrading_TermAndConditionConfirmationModal_confirmbutton input, .CMBankProducts_BatchTrading_ProcessAllConfirmationModal_confirmbutton input, .CMBankProducts_BatchTrading_AvailableBalanceConfirmationModal_confirmbutton input, .CMBankProducts_BatchTrading_TermAndConditionConfirmationModal_cancelbutton #btnCancel, .CMBankProducts_BatchTrading_ProcessAllConfirmationModal_cancelbutton #btnCancel, .CMBankProducts_BatchTrading_AvailableBalanceConfirmationModal_cancelbutton #btnCancel, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_resetbutton input {
    font-family: "CitiSans Bold",arial,helvetica,sans-serif;
  }
  #CMTrade_DualAuthorizationApproval_statussubmit a {
    font-family: "CitiSans Bold",arial,helvetica,sans-serif;
  }
  .CMGlobal_searchbutton, .buttonprimary {
    font-family: "CitiSans Bold",arial,helvetica,sans-serif;
  }
}

/* ========================================================================
   Component: PL > cm-app > components > _grids.scss
 ========================================================================== */
/* ---------------------------->> Global Tabular Data Elements <<-------------------------------- */
.CMGlobal_GridViewMaster {
  border-collapse: collapse;
  clear: both;
  float: left;
  width: 100%;
}

.CMGlobal_GridViewMaster tr th {
  background: #fff;
  border-bottom: 3px solid #d2d2d2;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  padding: 7px;
  text-decoration: none !important;
  text-align: center;
  vertical-align: bottom;
}

.CMGlobal_GridViewMaster tr th:last-child {
  border-right: none;
}

.CMGlobal_GridViewMaster tr td {
  border-bottom: none;
  padding: 8px;
  text-align: center;
  vertical-align: top;
}

.CMGlobal_GridView_maintablerow td, .CMGlobal_GridView_emptytablerow td {
  background: #fff;
}

.CMGlobal_GridView_alttablerow td {
  background: #f1f2f2;
}

.CMAccount_GridViewMaster {
  border-collapse: collapse;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: none !important;
  border-right: none !important;
  clear: both;
  float: left;
  width: 1200px;
}

.CMAccount_GridViewMaster tr td {
  padding: 8px;
}

table.CMAccount_GridViewMaster th {
  background: #fff;
  border-bottom: 3px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  font-weight: bold;
  padding: 7px;
  vertical-align: bottom;
  color: #666;
}

table.CMAccount_GridViewMaster th:first-child {
  border-left: none;
}

table.CMAccount_GridViewMaster th:last-child {
  border-right: none;
}

#CMAccount_GridViewMasterSummary td {
  vertical-align: top;
}

tr.CMAccount_gridviewheader th:last-child {
  border-right: none;
}

.CMGlobal_tableColumnHeaderLeft, .CMGlobal_tableColumnHeaderCenter, .CMGlobal_tableColumnHeaderRight {
  background: #fff;
  font-weight: bold;
  font-size: 12px;
  padding: 7px;
  text-decoration: none !important;
  vertical-align: bottom;
  border-top: 1px solid #d2d2d2;
  border-bottom: 3px solid #d2d2d2;
  color: #666;
}

.CMGlobal_tableColumnHeaderCenter {
  text-align: center;
}

.CMGlobal_tableColumnHeaderLeft {
  text-align: left;
}

.CMGlobal_tableColumnHeaderRight {
  text-align: right;
}

.CMGlobal_tableColumnHeaderLeft a {
  color: #666;
  text-decoration: none;
  padding: 0px;
}

.CMGlobal_tableColumnHeaderLeft a:link, .CMGlobal_tableColumnHeaderLeft a:visited {
  color: #666;
  text-decoration: none;
  padding: 0px;
}

.CMGlobal_tableColumnHeaderCenter a {
  color: #666;
  text-decoration: none;
  padding: 0px;
}

.CMGlobal_tableColumnHeaderCenter a:link, .CMGlobal_tableColumnHeaderCenter a:visited {
  color: #666;
  text-decoration: none;
  padding: 0px;
}

.CMGlobal_tableColumnHeaderRight a {
  color: #666;
  text-decoration: none;
  padding: 0px;
}

.CMGlobal_tableColumnHeaderRight a:link, .CMGlobal_tableColumnHeaderRight a:visited {
  color: #666;
  text-decoration: none;
  padding: 0px;
}

.CMGlobal_tableColumnHeaderRight a:hover {
  text-decoration: none;
}

.CMAccount_maintablelightrow td, .CMGlobal_maintablelightrow td, .CMAccount_maintablealtrow td, .CMGlobal_maintablealtrow td {
  background: #fff;
  /* Old browsers */
}

.CMAccount_alttablelightrow td {
  background: #f1f2f2;
  /* Old browsers */
}

.CMGlobal_tableColumnLeft {
  padding: 8px;
  text-align: left;
  vertical-align: top;
  border-top: none;
  border-bottom: none;
}

.CMGlobal_tableColumnCenter {
  padding: 8px;
  text-align: center;
  vertical-align: top;
  border-top: none;
  border-bottom: 1px solid #ededed;
}

.CMGlobal_tableColumnRight {
  padding: 8px;
  text-align: right;
  vertical-align: top;
  border-top: none;
  border-bottom: none;
}

.CMGlobal_tableColumnLeft a {
  text-decoration: underline;
}

.CMGlobal_tableColumnLeft a:link, .CMGlobal_tableColumnLeft a:visited {
  text-decoration: underline;
}

.CMGlobal_tableColumnCenter a {
  text-decoration: underline;
}

.CMGlobal_tableColumnCenter a:link, .CMGlobal_tableColumnCenter a:visited {
  text-decoration: none;
}

.CMGlobal_tableColumnCenter a[disabled] {
  text-decoration: none;
  color: #999999;
  cursor: default;
}

.CMGlobal_tableColumnRight a {
  text-decoration: underline;
}

.CMGlobal_tableColumnRight a:link, .CMGlobal_tableColumnRight a:visited {
  text-decoration: underline;
}

#CMAbout {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  padding: 0 0 30px 0;
  background: #FFF;
}

.CMAbout_About_content, #CMAbout_Features, #CMAbout_Requirements, #CMAbout_PrivacyPolicy {
  padding: 0 10px;
  clear: both;
}

#CMAbout_Features #CMGlobal_introduction, #CMAbout_Requirements #CMGlobal_introduction {
  padding-left: 0;
}

#CMAbout_ContactUs {
  clear: both;
  float: left;
  padding: 0 10px;
}

#CMAbout_ContactUs #CMGlobal_introduction {
  padding: 0 0 10px;
}

#CMAbout_PrivacyPolicy h1 {
  font-size: 46px;
  font-weight: normal;
  margin: 0 0 28px 0;
  width: 100%;
  max-width: 1280px;
  float: left;
}

.CMGlobal_contactusright {
  padding-left: 5px;
}

#CMAbout, #CMSecurity, #CMHome_contentbox {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  padding: 0 0 30px 0;
  background: #FFF;
}

#CMSecurity_ConsentAgreement {
  padding: 0 10px;
  margin: -10px 0 0;
}

#CMAbout_Features #CMGlobal_introduction, #CMAbout_Requirements #CMGlobal_introduction, #CMSecurity_ConsentAgreement #CMGlobal_introduction {
  padding-left: 0;
}

#CMHome_contentwrapper {
  margin: 0 auto;
  width: 100%;
}

#CMHome_leftbar {
  border-right: 1px solid #c5c5c5;
  float: left;
  width: 30%;
}

#CMHome_leftbarbox {
  float: left;
  padding: 20px 20px 20px 10px;
  width: 100%;
}

#CMHome_leftbarbox h3 {
  font-size: 27px;
  font-weight: bold;
  margin: 0;
}

.CMHome_loginboxspacer {
  float: left;
  padding: 5px 0;
  width: 100%;
}

.CMHome_loginusernamebox input, .CMHome_loginpasswordbox input, .CMHome_loginauthenticationtext input {
  width: 100%;
}

.CMHome_loginusername, .CMHome_loginpassword {
  clear: both;
  float: left;
  font-size: 11px;
  font-weight: bold;
  padding: 0 5px 2px 0;
}

#CMHome_buttonloginbox {
  float: left;
  padding: 5px 0 10px;
}

a.CMHome_buttonlogin, a.buttoncontinueconsent, a.buttoncontinueconsentgreyed {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  border: none;
  margin-right: 10px;
  margin-top: 10px;
  text-align: center;
  float: right;
}

a.CMHome_buttonlogin:hover, a.CMHome_buttonlogin:focus, a.CMHome_buttonlogin:active, a.CMHome_buttonlogin.active, a.buttoncontinueconsent:hover, a.buttoncontinueconsent:focus, a.buttoncontinueconsent:active, a.buttoncontinueconsent.active, a.buttoncontinueconsentgreyed:hover, a.buttoncontinueconsentgreyed:focus, a.buttoncontinueconsentgreyed:active, a.buttoncontinueconsentgreyed.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
}

a.buttoncontinueconsentgreyed {
  background-color: #fff !important;
  color: #333 !important;
  opacity: 0.35 !important;
  cursor: default;
}

.CMHome_logincontent {
  float: left;
  padding: 10px 0 0;
}

#CMHome_right {
  float: left;
  padding: 20px 10px 20px 20px;
  width: 70%;
}

#CMHome_right .CMGlobal_introductionheader {
  margin: 0;
}

.CMHome_consentradiobox {
  text-align: right;
}

#CMHome_errormessage {
  color: #FF0000;
}

/*#CMGlobal_introductionheader, .CMGlobal_introductionheader {
  line-height: 52px;
}*/
#CMGlobal_introductiontoolbox {
  float: right !important;
  margin: -36px 0 0 0;
  position: relative;
}

#CMGlobal_introductiontoolbox_printlink, .CMGlobal_introductiontoolbox_printlink {
  float: right;
  margin-top: 1px;
}

#CMAccount_AccountMain_portfolioheader {
  float: left;
  padding: 10px;
  width: 100%;
  background: #FFFFFF;
}

#CMAccount_AccountMain_portfolioheaderbox {
  width: 100%;
  margin: 0 0 0 0;
  float: left;
}

.CMAccount_AccountMain_portfoliobalance_label {
  padding-right: 10px;
}

.CMAccount_AccountMain_portfoliobalance, .CMAccount_AccountMain_portfoliobalance_label, .CMAccount_AccountMain_portfoliobalance_data {
  display: inline;
  font-weight: normal;
}

.CMAccount_AccountMain_portfoliobalance {
  float: left;
  font-size: 15px;
}

.CMAccount_AccountMain_portfoliobalance_data {
  float: right;
  font-weight: bold;
}

.CMAccount_AccountMain_asofdate {
  display: inline;
  float: right;
  width: 20%;
}

.CMAccount_AccountMain_asofdateright {
  float: right;
}

.CMAccount_AccountMain_asofdateleft {
  display: inline;
}

.CMAccount_AccountMain_asofdate .CMGlobal_balanceasofdate {
  float: right;
}

.CMGlobal_balanceasofdate .CMGlobal_balanceasofdate_label {
  border: none;
  color: #236093;
  background: none;
  font-size: 13px;
  cursor: pointer;
  margin: 0 5px 0 0px;
  text-decoration: none;
  border-bottom: 0px solid #fff;
}

.CMGlobal_balanceasofdate .CMGlobal_balanceasofdate_label:hover, .CMGlobal_balanceasofdate .CMGlobal_balanceasofdate_label:active {
  color: #21181d;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 0 solid blue;
}

#CMAccount_AccountMain_portfoliodata, .CMAccount_AccountMain_accountdata, .CMAccount_AccountMain_ControlMMMFPoistionList_gridview {
  float: left;
  width: 100%;
}

.CMAccount_AccountMain_accountinformation {
  float: left;
  padding: 20px 10px;
  width: 100%;
  background: #fff;
  margin: 0 0 10px 0;
  border-top: 2px solid #666;
}

.CMAccount_AccountMain_accountinformation_accountnumber, .CMAccount_AccountMain_accountinformation_accountname {
  clear: both;
  float: left;
}

.CMAccount_AccountMain_accountinformation_links {
  float: right;
}

.CMAccount_AccountMain_accountinformation_accountnumber {
  font-weight: bold;
}

.CMAccount_AccountMain_accountsubheader, #CMAccount_accountsubheader, .CMAccount_accountsubheader {
  color: #666;
  background: #FFFFFF;
  border-bottom: 1px solid #ccc;
  float: left;
  font-weight: bold;
  padding: 10px;
  width: 100%;
  border-top: 1px solid #ccc;
}

.CMAccount_AccountMain_totalmmmfbalance, .CMAccount_AccountMain_totalfibalance, .CMAccount_AccountMain_totalbankproductsbalance, .CMAccount_AccountMain_totalaccountbalance {
  color: #666;
  float: right;
  padding: 10px;
  text-align: right;
  width: 100%;
  margin-bottom: 0 0 10px 0;
}

.CMAccount_AccountMain_totalaccountbalance {
  padding-top: 0px;
}

.CMAccount_AccountMain_totalmmmfbalance_data, .CMAccount_AccountMain_totalaccountbalancedata, .CMAccount_AccountMain_totalbankproductsbalance_data {
  font-weight: bold;
}

.CMAccount_AccountMain_MMMFGridview_columnfundmodallink, .CMAccount_AccountMain_MMMFGridview_columnheaderfundmodallink {
  text-align: left !important;
}

.CMAccount_AccountMain_MMMFGridview_columnbeginningbalance, .CMAccount_AccountMain_MMMFGridview_columnpendingbalance, .CMAccount_AccountMain_MMMFGridview_columnredeemablebalance, .CMAccount_AccountMain_MMMFGridview_columnaccruedinterest {
  text-align: right !important;
  padding: 8px !important;
}

.CMGlobal_GridViewMaster tr td.CMAccount_AccountMain_MMMFGridview_columntrade input,
#CMFund_MMMFFundResearchFundDetail_headerbuttontrade input,
.CMAccount_AccountMain_nofunds input {
  width: 80px;
  background-position: center;
}

.CMAccount_AccountMain_nofunds input {
  float: right;
}

#CMFund_MMMFFundResearchFundDetail_headerbuttontrade {
  display: none;
}

.CMGlobal_GridViewMaster tr td.CMAccount_AccountMain_MMMFGridview_columntrade input[disabled]:hover, #CMFund_MMMFFundResearchFundDetail_headerbuttontrade input[disabled]:hover, .CMAccount_AccountMain_nofunds input[disabled]:hover {
  cursor: default;
}

#CMAccount_AccountMain .CMGlobal_GridView_alttablerow td {
  background: #eee;
}

.CMAccount_AccountMain_mmmfnofundstext {
  float: left;
  width: auto;
}

.CMAccount_AccountMain_nofunds {
  float: left;
  width: 98%;
  padding: 0 0 10px 10px;
  margin: 0 0 10px 0;
}

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

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

.CMAccount_AccountMain_BankProductsGridview_columnsecuritydescription a[disabled] {
  color: #666;
  cursor: default;
  text-decoration: none;
}

/*----------------Please wait modal popup-------------------------*/
.CMGlobal_modalPopup, .CMMiddleOffice_modalPopup {
  margin: 0 auto;
  padding: 10px;
  width: 600px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  min-height: 120px;
}

.CMGlobal_Modal_headertitle {
  display: inline;
}

#CMGlobal_Modal_processorderbox {
  float: left;
  padding: 10px;
  text-align: center;
  width: 580px;
}

.CMGlobal_Modal_processorderimage {
  background-image: url(../images/ajaxloader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  padding: 5px 0;
  text-align: center;
}

.CMGlobal_Modal_processorderheader {
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
}

.modalBackground {
  background: #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

/*----------------End : Please wait modal popup-------------------------*/
/*----------------Fund Details popup------------------------------------*/
#CMFund_MMMFFundResearchFundDetail {
  width: 900px;
}

#CMFund_MMMFFundResearchFundDetail_modalheadertitle {
  display: none;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_fundname, #CMFund_MMMFFundResearchFundDetail_modalheadertitle {
  font-size: 20px;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
}

#CMFund_MMMFFundResearchFundDetail #CMGlobal_introductiontoolbox_printlink {
  display: none;
}

#CMFund_MMMFFundResearchFundDetail #CMGlobal_introductiontoolbox_closewindowlink {
  float: right;
  margin: 5px 1px 0 0;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_asofdateholdinginfo {
  font-size: 13px;
  width: 100%;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_asofdatefundaccount,
#CMFund_MMMFFundResearchFundDetail_headerdata_asofdate {
  font-size: 13px;
  margin: 0;
  width: 100%;
}

#CMFund_MMMFFundResearchFundDetail_content {
  border: none;
  padding: 20px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

#CMFund_MMMFFundResearchFundDetail_headerdata_purchasecutofflabel, #CMFund_MMMFFundResearchFundDetail_headerdata_redemptioncutofflabel, #CMFund_MMMFFundResearchFundDetail_headerdata_portfoliomanagerlabel,
.CMFund_MMMFResearchFundDetail_funddetails_label {
  font-weight: normal !important;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_purchasecutoffdata, #CMFund_MMMFFundResearchFundDetail_headerdata_redemptioncutoffdata, #CMFund_MMMFFundResearchFundDetail_headerdata_portfoliomanagerdata,
.CMFund_MMMFResearchFundDetail_funddetails_data {
  font-weight: bold !important;
}

#CMFund_MMMFFundResearchFundDetail_headerdata {
  padding-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
}

#CMFund_MMMFFundResearchFundDetail_data {
  padding: 10px 0 0 0 !important;
}

#CMFund_MMMFFundResearchFundDetail_datacolumnfundleft,
#CMFund_MMMFFundResearchFundDetail_datacolumnfundright,
#CMFund_MMMFFundResearchFundDetail_datacolumnyieldsrates,
#CMFund_MMMFFundResearchFundDetail_datacolumndocuments {
  width: 100%;
}

#CMFund_MMMFFundResearchFundDetail_datacolumndocumentsFNAV {
  clear: both;
}

#CMFund_MMMFFundResearchFundDetail_data_floatingNav {
  font-weight: bold;
}

#CMFund_MMMFFundResearchFundDetail_data_nav,
#CMFund_MMMFFundResearchFundDetail_data_strikeTimes,
#CMFund_MMMFFundResearchFundDetail_data_shareclass {
  clear: both;
  margin: 0 0 5px 0;
}

#CMFund_MMMFFundResearchFundDetail_data_yields .CMFund_MMMFResearchFundDetail_funddetails_data, #CMFund_MMMFFundResearchFundDetail_data_ratings .CMFund_MMMFResearchFundDetail_funddetails_data {
  font-size: 13px;
}

#CMGlobal_introductiontoolbox_closewindowlink input {
  background: transparent url(../images/icon_Close.png) no-repeat 0 0;
  border: none;
  height: 24px;
  width: 24px;
  position: relative;
  top: 25px;
  right: 10px;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_asofdatefundaccount {
  display: none;
}

/*----------------End : Fund Details popup------------------------------*/
/*----------------Fund info as of date popup------------------------------*/
#CMFund_FundAsOfDateInfo .CMAccount_Asofdate_Border {
  float: left;
  margin: 10px 0 0 !important;
  padding: 10px 10px 0;
  width: 100%;
}

#CMFund_FundAsOfDateInfo .CMAccount_Asofdate_Border .CMGlobal_tableColumnHeaderLeft,
#CMFund_FundAsOfDateInfo .CMAccount_Asofdate_Border .CMGlobal_tableColumnHeaderCenter {
  border-right: 1px solid #d2d2d2;
  font-family: "CitiSans Bold",arial,helvetica,sans-serif;
}

#CMFund_FundAsOfDateInfo .CMAccount_Asofdate_Border .CMGlobal_tableColumnHeaderCenter:last-child {
  border-right: none;
}

#CMFund_FundAsOfDateInfo .CMAsOfDate_GridViewMaster .CMAccount_gridviewheader th:last-child {
  text-align: center;
}

#CMFund_FundAsOfDateInfo .CMAsOfDate_GridViewMaster .CMAccount_maintablelightrow td:last-child,
#CMFund_FundAsOfDateInfo .CMAsOfDate_GridViewMaster .CMAccount_alttablelightrow td:last-child {
  text-align: center;
}

.CMAsOfDate_GridViewMaster {
  border-collapse: collapse;
  clear: both;
  float: left;
  width: 100%;
  max-width: 630px;
  border: none !important;
}

.CMAsOfDate_GridViewMaster tr th {
  background: #fff;
  border-bottom: 3px solid #d2d2d2;
  font-weight: bold;
  padding: 7px;
  text-decoration: none !important;
  text-align: left;
  vertical-align: bottom;
}

.CMAsOfDate_GridViewMaster tr th:last-child {
  border-right: none;
}

.CMAsOfDate_GridViewMaster tr td {
  border-bottom: none;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

#CMAsOfDate_introduction {
  padding: 0;
  width: 630px;
}

.CMAsOfDate_introductionheader {
  font-size: 20px;
  font-weight: normal;
  padding: 0 10px;
}

#CMFund_FundAsOfDateInfo .CMGlobal_tableColumnHeaderLeft a, #CMFund_FundAsOfDateInfo .CMGlobal_tableColumnHeaderCenter a {
  border-bottom: none;
}

/*----------------End : Fund info as of date popup------------------------------*/
/*--------------------View Balance AsOf Date Popup------------------------------*/
.CMGlobal_Modal_headertitle {
  display: inline;
  font-size: 20px;
  font-weight: normal;
  padding: 10px;
}

#CMAccount_AccountMain_portfolio .CMGlobal_Modal_headerclosebutton input {
  background: transparent url(../images/icon_Close.png) no-repeat 0 0;
  border: none;
  height: 24px;
  width: 25px;
  position: relative;
}

.CMGlobal_Modal_headerclosebutton {
  float: right;
}

.CMGlobal_CAGridViewMaster {
  border-collapse: collapse;
  clear: both;
  float: left;
  width: 100%;
}

.CMGlobal_CAGridViewMaster tr th {
  background: #fff;
  padding: 7px;
  text-decoration: none !important;
  text-align: center;
  vertical-align: bottom;
  border-bottom: 3px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
}

.CMGlobal_CAGridViewMaster tr td {
  padding: 8px;
  text-align: center;
  vertical-align: top;
}

.CMGlobal_CAGridViewMaster_gridviewheadingrow > td {
  background: #fff;
  padding: 7px;
  text-decoration: none !important;
  text-align: center;
  vertical-align: bottom;
  border-bottom: 3px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
}

.CMGlobal_CAGridViewMaster_gridviewheadingrow > td:last-child {
  border-right: none;
}

.CMGlobal_CAGridViewMaster_gridviewheadingrow {
  background: #fff;
}

.CMGlobal_CAGridViewMaster_alttablerow {
  background: #f1f2f2;
  border-bottom: none;
}

.CMGlobal_CAGridViewMaster_maintablerow {
  background: #fff;
  border-bottom: none;
}

.CMAccount_AccountMain_BankProductsGridview_columnmarketvalue div {
  text-align: right;
}

/*--------------------End : View Balance AsOf Date Popup------------------------------*/
/*--------------------Multi currency Tab----------------------------------------------*/
#CMGlobal_currencynavigation {
  clear: both;
  float: left;
  height: 39px;
  margin: 0 0 24px;
  width: 100%;
  border-bottom: none;
}

#CMGlobal_currencynavigationbox {
  margin: 11px 0 0 0;
}

#CMGlobal_currencynavigationbox input, #CMGlobal_currencynavigationbox a {
  clear: both;
  background: #ffffff;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff 100%);
  /* W3C */
  box-shadow: none;
  color: #000;
  display: block;
  font-weight: normal;
  padding: 3px 9px 6px !important;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  margin-right: 0;
  margin-left: 0;
  border-radius: 0;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none;
  cursor: pointer;
  display: inline;
  float: none;
  line-height: 1.42857;
}

#CMGlobal_currencynavigationbox input:hover {
  background: #ffffff;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff none 100%);
  /* W3C */
  box-shadow: none;
  color: #333;
  display: block;
  font-weight: normal;
  padding: 3px 9px 6px !important;
  text-transform: uppercase;
  text-decoration: none;
  clear: both;
  font-size: 12px;
  margin-right: 0;
  margin-left: 0;
  border-radius: 0;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none;
  display: inline;
  float: none;
  line-height: 1.42857;
}

#CMGlobal_currencynavigation .CurrencyImageAll_Selected, #CMGlobal_currencynavigationbox input[disabled],
#CMGlobal_currencynavigation .CurrencyImageAll_Selected:hover, #CMGlobal_currencynavigationbox input[disabled]:hover {
  background: #ffffff;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff 100%);
  /* W3C */
  cursor: pointer;
  font-size: 12px;
  margin-right: 0;
  margin-left: 0;
  box-shadow: none;
  border-radius: 0;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  color: #000 !important;
  opacity: 1 !important;
  float: none;
}

#CMGlobal_currencynavigation .CurrencyImageAll_Selected:hover, #CMGlobal_currencynavigationbox input[disabled]:hover {
  color: #000;
}

.CMAccount_AccountMain_BankProductsGridview_columnreinvest input {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  margin: 0 5px 10px 0;
  padding: 1em 2em;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #fff;
  border: none;
  font-weight: bold;
}

.CMAccount_AccountMain_BankProductsGridview_columnreinvest input[disabled] {
  color: #fff !important;
}

/*----Account Detail -----*/
#CMAccount_AccountDetail {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

#CMAccount_AccountDetail #CMAccount_fundtablesnoborder {
  border: none;
  margin: 57px 0 0;
}

#CMAccount_AccountDetail #CMAccount_detailbox {
  background: #FFFFFF;
  border: none;
  float: left;
  padding: 20px 10px 50px;
  width: 100%;
  border-top: 1px solid #ccc;
}

#CMAccount_AccountDetail .CMAccount_detailleft, #CMAccount_AccountDetail .CMAccount_detailright {
  width: 48%;
}

#CMAccount_AccountDetail .CMAccount_detailleft {
  float: left;
}

#CMAccount_AccountDetail .CMAccount_detailright {
  float: right;
}

#CMAccount_AccountDetail .CMAccount_accountdetailheaderdetails strong {
  font-weight: bold;
}

#CMAccount_AccountDetail .CMAccount_AccountMain_accountinformation_links, #CMAccount_AccountDetail .CMAccount_AccountDetail_phoneentry, #CMAccount_AccountDetail .CMAccount_AccountDetail_faxentry, #CMAccount_AccountDetail .CMAccount_AccountDetail_emailentry {
  display: none;
}

input.CMFund_Holdings_asofdateholdings {
  font-family: CitiSans, arial, helvetica, sans-serif !important;
}

.CMAccount_AccountDetail_addressdata, .CMAccount_AccountDetail_citydata, .CMAccount_AccountDetail_statedata, .CMAccount_AccountDetail_zipdata, .CMAccount_AccountDetail_phonetext, .CMAccount_AccountDetail_faxtext, .CMAccount_AccountDetail_emailtext, .CMAccount_AccountDetail_banktext, .CMAccount_AccountDetail_accounttext, .CMAccount_AccountDetail_routingtext {
  font-weight: bold;
}

.CMGlobal_GridView_gridviewheader th {
  border-right: 1px solid #d2d2d2;
}

#CMBankProducts_BankProductsResearch_modal #CMGlobal_Modal_closewindow {
  float: right;
}

#CMBankProducts_BankProductsResearch_modal .CMGlobal_modalPopup {
  width: 700px;
}

#CMBankProducts_BankProductsResearch_modal .CMGlobal_introductionheader {
  margin-left: 10px;
}

#CMBankProducts_BankProductsResearch_modal #CMGlobal_Modal_closewindow input {
  background: transparent url("../images/icon_Close.png") no-repeat scroll 0 0;
  border: none;
  height: 24px;
  width: 24px;
}

.CMAccount_AccountMain_TotalAvailableBalance {
  float: left;
  clear: both;
  padding-top: 5px;
}

.CMAccount_AccountMain_TotalAvailableBalance .CMAccount_AccountMain_TotalAvailableBalance_Label_Container, .CMAccount_AccountMain_TotalAvailableBalance .CMAccount_AccountMain_TotalAvailableBalance_Label_Header,
.CMAccount_AccountMain_TotalAvailableBalance .CMAccount_AccountMain_TotalAvailableBalance_Label, .CMAccount_AccountMain_TotalAvailableBalance .CMAccount_AccountMain_TotalAvailableBalance_Link {
  float: left;
}

.CMAccount_AccountMain_TotalAvailableBalance .CMAccount_AccountMain_TotalAvailableBalance_Label_Header {
  font-weight: bold;
}

.CMAccount_AccountMain_TotalAvailableBalance .CMAccount_AccountMain_TotalAvailableBalance_Link {
  padding-left: 5px;
}

.CMAccount_AccountMain_TotalAvailableBalance .CMAccount_AccountMain_TotalAvailableBalance_Label {
  padding-left: 5px;
  padding-right: 10px;
  display: none;
}

#blocker {
  background-color: rgba(0, 0, 0, 0.5);
}

#blocker div {
  border: none !important;
}

#blocker h1 {
  font-weight: normal !important;
}

#blocker .blockMsg {
  border: none !important;
}

/*Dashboard Layout -----------------------*/
#CMGlobal_C486_Dashboard #CMGlobal_bodybox {
  width: 100%;
  max-width: 100%;
}

#CMGlobal_C486_Dashboard #CMGlobal_bodybox #top {
  width: 100%;
  max-width: 100%;
}

#CMGlobal_C486_Dashboard #CMGlobal_bodybox #top #CMGlobal_headercontainer {
  width: 100%;
  max-width: 100%;
}

#CMGlobal_C486_Dashboard #CMGlobal_navigation {
  max-width: 97%;
}

#CMGlobal_C486_Dashboard #CMGlobal_header {
  max-width: 98%;
}

.widget-name-display {
  border: 0;
  background: #f2f2f2;
  border-radius: 0;
}

.widget-name-display:focus {
  outline: none;
  box-shadow: none;
}

#CMGlobal_C486_Dashboard #CMGlobal_headercontainer {
  background-size: 100% 100%;
}

#CMGlobal_C486_Dashboard #CMGlobal_headernav {
  margin: 25px 0 0;
  width: 100%;
  float: right;
}

#CMGlobal_C486_Dashboard #CMGlobal_headerlogo a {
  padding: 10px;
}

#CMGlobal_C486_Dashboard .CMGlobal_loginname {
  margin: 0;
  width: 100%;
  float: left;
}

#CMGlobal_message_dashboard:empty {
  display: none;
}

.dashboard-no-widgets-message {
  margin: 0 0 -40px;
}

#dashboard_title {
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  font-size: 46px;
  Line-height: 52px;
  Letter-spacing: 0px;
  margin: 15px 0 28px 0;
  padding-left: 10px;
}

#dashboard_title .btn .manage_widget {
  background: transparent url("../images/icon_grid.png") no-repeat 0 0;
  color: transparent;
  height: 22px;
  width: 16px;
}

#dashboard_title .btn .dashboard_setting {
  background: transparent url("../images/icon_setting.png") no-repeat 0 0;
  color: transparent;
  height: 23px;
  width: 19px;
  padding-top: 3px;
}

.dashboard-container {
  float: left;
  width: 100%;
}

#dashboard_title .pull-right button {
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 12px;
}

#dashboard_title .manage_widget, #dashboard_title .dashboard_setting {
  color: #236093;
}

.dashboard-app .view-fund {
  position: relative;
  top: -15px;
  right: 12px;
  z-index: 1001;
}

.dashboard-app .view-fund-new {
  z-index: 1 !important;
}

.dashboard-app .edit {
  padding: 0 10px;
}

.edit .column {
  padding-top: 0;
}

.nav-tabs {
  border-bottom: none;
}

.nav-tabs > li {
  border-bottom: none !important;
  height: 24px;
}

.nav-tabs > li.active {
  border-bottom: none !important;
  height: 24px;
}

.nav-tabs > li > a {
  clear: both;
  background: #ffffff !important;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff 100%) !important;
  /* W3C */
  box-shadow: none !important;
  color: #000 !important;
  font-weight: normal !important;
  padding: 3px 9px 6px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-size: 12px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  border-radius: 0 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  cursor: pointer;
  display: inline !important;
  float: none !important;
  line-height: 1.42857 !important;
  border-color: #5a5a5a #5a5a5a #FFFFFF #5a5a5a !important;
}

.nav-tabs > li > a:hover {
  background: #ffffff !important;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff none 100%) !important;
  /* W3C */
  box-shadow: none !important;
  color: #333 !important;
  font-weight: normal !important;
  padding: 3px 9px 6px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  clear: both;
  font-size: 12px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  border-radius: 0 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none;
  display: inline !important;
  float: none !important;
  line-height: 1.42857 !important;
  border-color: #5a5a5a #5a5a5a #FFFFFF #5a5a5a !important;
}

.nav-tabs > li.active > a {
  background: #ffffff !important;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff 100%) !important;
  /* W3C */
  cursor: pointer;
  font-size: 12px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  color: #000 !important;
  opacity: 1 !important;
  float: none !important;
  border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF !important;
}

/*End : Dashboard Layout -----------------------*/
/*Dashboard Widget -----------------------------*/
.dashboard-app .panel {
  border-radius: 0;
  box-shadow: 0 0 6px 6px rgba(214, 214, 214, 0.25);
  clear: both;
  float: left;
  width: 100%;
  border: none;
}

.dashboard-app .panel-heading {
  background: #fff;
  padding: 10px 15px;
  width: 100%;
  border-radius: 0;
  border-bottom: 3px solid #acacac;
}

.dashboard-app .panel-heading .pull-right .fa-remove {
  background: transparent url("../images/icon_close.png") no-repeat scroll 0 0;
  color: transparent;
  height: 22px;
  width: 18px;
}

.dashboard-app .panel-heading .pull-right .fa-minus {
  background: transparent url("../images/icon_minus.png") no-repeat scroll 0 0;
  color: transparent;
  height: 22px;
  width: 18px;
}

.dashboard-app .panel-heading > .panel-title {
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #666;
  text-transform: none;
}

.dashboard-app .panel-heading > .panel-title a {
  font-size: 10px;
  color: #236093;
  text-decoration: none;
  text-transform: uppercase;
}

.dashboard-app .panel-heading > .panel-title a:hover {
  text-decoration: underline;
}

.dashboard-app .panel-heading > .panel-title .pull-right a {
  border: none;
  text-decoration: none;
}

.dashboard-app .panel-heading > .panel-title .pull-right a:hover {
  border: none;
  text-decoration: none;
}

.panel-body {
  float: left;
  width: 100%;
}

.progress-bar {
  background-color: #236093;
}

/*End : Dashboard Widget -----------------------------*/
/*Portfolio Widget -----------------------------------*/
.dashboard-app .portfolio-accname-header {
  padding: 0 !important;
}

.fund-details span {
  color: #666;
  font-size: 12px;
}

.fund-details {
  margin-bottom: 10px;
  float: left;
  width: 75%;
}

.fund-details .fund-labels {
  padding-left: 10px;
  padding-top: 5px;
}

.dashboard #accounts {
  margin-top: 25px;
}

#accounts .panel-collapse .btn, #funds .btn {
  padding: 10px 10px 7px !important;
  width: 75px;
}

.portfolio-accordion-header a {
  border: none;
}

.portfolio-accordion-header .fa-plus-square::before,
.portfolio-accordion-header .fa-minus-square::before {
  content: none !important;
}

.portfolio-accordion-header .fa-plus-square {
  background: transparent url("../images/icon-expand.png") no-repeat scroll 0 4px;
  height: 21px;
  width: 20px;
}

.portfolio-accordion-header .fa-minus-square {
  background: transparent url("../images/icon-collapse.png") no-repeat scroll 0 0;
  height: 6px;
  width: 20px;
}

#accounts .panel-collapse .fund-value {
  color: #666;
  font-size: 12px;
}

.PortfolioWidgetNoPositionRow {
  padding: 0 15px;
}

.PortfolioWidgetNoPosition {
  width: 100%;
  float: left;
}

.PortfolioWidgetNoPosition:empty {
  display: none;
}

.portfolio-accordion-header span {
  font-size: 12px;
  color: #666;
}

.currencyDisplayLabel {
  font-size: 12px;
}

.portfolio-currency-infoList-item #accounts .card-group .ng-scope {
  margin-right: 0;
  margin-left: 0;
}

.portfolio-position-subheader > div {
  padding-left: 0;
}

.portfolio-detail-item .trade-button {
  padding-left: 0;
}

.portfolio-detail-item .portfolio-detail-col {
  padding-right: 0;
}

.dashboard-app .card-header > .card-title {
  padding: 0;
}

/*End : Portfolio Widget -----------------------------------*/
/*Watch List Widget-----------------------------------------*/
#funds {
  border-bottom: 1px solid #CCCCCC;
}

#funds .fund-details {
  width: 100%;
}

#funds .fund-labels {
  color: #666;
  font-size: 12px;
}

.tracker-repeater {
  padding: 8px;
}

#CMGlobal_C486_Dashboard #funds .fund-details .fund-labels {
  padding-left: 12px;
}

/*.watch-list-icon-info
{
    padding: 12px 0 12px 45px !important;
    background-position: 10px 10px !important;
}*/
/*End : Watch List Widget-----------------------------------*/
/*Historical Widget-----------------------------------------*/
.historical .balance-bg h3, .balance-label {
  font-size: 12px;
}

.k-tooltip {
  border: 1px solid #CCCCCC !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}

.k-chart-tooltip {
  border: 1px solid #CCCCCC !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}

.k-chart-tooltip .chartToolTipHeader {
  border-bottom: 1px solid #CCCCCC;
  padding: 0px 0px 5px 0px;
}

.historical .balance-bg h3, .balance-label {
  font-size: 12px;
}

.historicaldatatooltipbalance, .historicaldatatooltipyeild {
  font-weight: bold;
  padding-top: 5px;
}

.historicaldatatooltipbalance span, .historicaldatatooltipyeild span {
  font-weight: normal;
}

#thirtyDays.active, #thirtyDays:active, #thirtyDays.focus, #thirtyDays:focus, #ninetyDays.active, #ninetyDays:active, #ninetyDays:focus, #ninetyDays.focus {
  background: none;
  color: #236093;
  font-weight: bold;
  outline: none;
  box-shadow: none;
  border-bottom: 4px solid #236093;
}

#thirtyDays.active:hover, #thirtyDays:active:hover, #thirtyDays.focus:hover, #thirtyDays:focus:hover, #ninetyDays.active:hover, #ninetyDays:active:hover, #ninetyDays:focus:hover, #ninetyDays.focus:hover {
  background-color: transparent !important;
  color: #000;
}

#ninetyDays, #thirtyDays {
  background-color: transparent !important;
  border: none;
  border-radius: 0 !important;
  color: #000;
  font-size: 12px;
  padding: 5px 10px;
}

#ninetyDays:hover, #thirtyDays:hover {
  background-color: transparent !important;
  color: #000;
}

.historical-data-widget-nodata {
  padding: 10px 0 0 !important;
}

/*End : Historical Widget-----------------------------------*/
/*Market Indices Widget-------------------------------------*/
.market-indices .mi-fund-name, .market-indices .mi-fund-value, .market-indices .mi-change-percent, .highcharts-axis-labels text, .highcharts-tooltip text {
  font-family: CitiSans, arial, helvetica, sans-serif;
  color: #666;
}

.market-indices .mi-fund-name {
  font-family: "CitiSans Bold",arial,helvetica,sans-serif;
  font-size: 12px !important;
}

.highcharts-tooltip text {
  color: #666 !important;
  fill: #666 !important;
  font-size: 12px;
}

/*.market-indices .mi-row-container
{
    border-bottom: $dashboard-panel-subsection-border-bottom;
    border-top: $dashboard-panel-subsection-border-top;
}*/
.input-group {
  display: inline-table !important;
}

/*End : Market Indices Widget ------------------------------*/
/*Exposure Widget-------------------------------------------*/
.total-portfolio {
  font-size: 20px;
  color: #666;
}

#exposureTabContent {
  padding: 10px;
}

.nodata-Exposure-by-Country {
  margin-bottom: 10px;
}

.view-all a {
  border: none;
  padding: 0;
  border-radius: 0;
  border-bottom: 0px solid #fff;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
}

.view-all a:hover {
  border-bottom: 0 solid #236093;
  text-decoration: none;
}

.jvectormap-label {
  background: #fff !important;
  font-family: CitiSans, arial, helvetica, sans-serif !important;
}

.mapToolTipHeader {
  width: 200px;
  border-bottom: 1px solid #CCCCCC;
  border-radius: 0 !important;
}

.mapPercentageHolding {
  float: left;
}

.mapToolTipHeader, .mapPercentageHolding, .mapPercentageHoldingValue {
  color: #666;
}

.countryexposuretooltippercentage, .countryexposuretooltipbalance, .categoryexposuretooltipbalance, .categoryexposuretooltippercentage, .issuerexposuretooltipbalance, .issuerexposuretooltippercentage {
  font-weight: bold;
}

.countryexposuretooltippercentage span, .countryexposuretooltipbalance span, .categoryexposuretooltipbalance span, .categoryexposuretooltippercentage span, .issuerexposuretooltipbalance span, .issuerexposuretooltippercentage span {
  font-weight: normal;
}

.jvectormap-zoomin, .jvectormap-zoomout {
  padding: 4px 1px 1px 1px !important;
  color: #fff;
  width: 18px !important;
  height: 18px !important;
  border: 1px solid #5A5A5A;
  border-radius: 0 !important;
  background: #236093 !important;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%) !important;
  /* W3C */
}

.jvectormap-zoomin:hover, .jvectormap-zoomout:hover {
  background: #236093 !important;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%) !important;
  /* W3C */
}

#quick-invest-widget .widget-info-icon {
  cursor: pointer;
  left: 120px;
  position: relative;
  top: -56px;
  background: transparent url("../images/icon-info-circle.png") center no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  margin-left: -1px;
}

#quick-invest-widget .widget-info-icon input.widget-info, #quick-invest-widget .widget-info-icon input[disabled] {
  background: transparent !important;
  border: none;
  cursor: pointer;
  height: 14px;
  width: 14px;
  opacity: 1 !important;
}

#quick-invest-widget .widget-info-icon .tooltiptext {
  background: #fff;
  border: 1px solid #d2d2d2;
  color: #363636;
  margin-left: 15px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transition: opacity 0.8s ease 0s;
  visibility: hidden;
  white-space: pre-line;
  width: 300px;
  z-index: 1;
}

#quick-invest-widget .widget-info-icon:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.column {
  /* Special Styling for 33% column on Dashboard Settings */
}

.column .exposure-by-country {
  margin-left: 0px;
  margin-right: 0px;
}

.column .row.exposure-by-category-issuer {
  margin-right: 0;
  margin-left: 0;
}

.column.col-md-4 .exposure-category {
  border-right: none;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

/*End : Exposure Widget--------------------------------------*/
.noposition-exposure-profile {
  padding: 10px;
}

/*Alerts-----------------------------------------------*/
#alertsHeader {
  margin: 0 0 15px;
}

#alertsContent table {
  width: 100%;
}

#alertsContent .messageCol {
  width: 80%;
}

.dashboard-alerts-noalerts {
  margin: 0 0 10px;
}

/*End Alerts-----------------------------------------------*/
/*Modal Popup-----------------------------------------------*/
.modal-header {
  border-bottom: 1px solid #ccc;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 46px;
  font-weight: normal;
  background: #FFFFFF;
  padding: 10px;
}

.modal-header .close {
  background: transparent url(../images/icon_close.png) no-repeat 0 0;
  font-size: 0;
  height: 18px;
  width: 18px;
}

.modal-title {
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  font-size: 20px;
}

.modal-content {
  border-radius: 0px;
  border: none;
}

.thumb-selected {
  border-color: blue;
}

.layoutItm div {
  padding: 10px;
}

layoutItm div h3 {
  font-size: 12px;
}

.modal-header .close {
  margin: 0;
  opacity: 1;
}

.modal-header .close:hover {
  margin: 0;
  opacity: 1;
}

#myFundModal .modal-dialog, #myModal .modal-dialog {
  width: 715px;
}

#myFundModal .modal-innercontent, #myModal .modal-innercontent {
  border: none;
}

#myFundModal .modal-title, #myModal .modal-title {
  display: none;
}

#myFundModal .modal-header, #myModal .modal-header {
  border: none;
  background: #fff;
}

#dashboardForm #CMFund_MMMFFundResearchFundDetail_header {
  margin: -25px 0 0 0;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_fundname, #CMFund_MMMFFundResearchFundDetail_modalheadertitle {
  width: 100%;
}

#myFundModal .fund-detail-button-close, #myModal .fund-detail-button-close {
  font-size: 0px !important;
  background: transparent url(../images/icon_close.png) no-repeat 0 0 !important;
  padding: 6px 8px !important;
  cursor: pointer !important;
  outline: none;
  position: relative !important;
  z-index: 5000000;
  height: 24px !important;
  width: 24px !important;
}

.modal-backdrop {
  background: #666;
  position: fixed;
}

.modal-backdrop.in {
  opacity: 0.5;
}

.fund-name a {
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
}

#CMGlobal_C486_Dashboard .modal-footer .btn-primary {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
}

#CMGlobal_C486_Dashboard .modal-footer .btn-primary:hover, #CMGlobal_C486_Dashboard .modal-footer .btn-primary:active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  outline: none;
}

/*End : Modal Popup-------------------------------------------*/
/*Balance As of date popup---------------------*/
#CMGlobal_C486_Dashboard #balanceAsOfDateModal .modal-innercontent {
  border: none;
}

#dvBalanceAsOfDate .CMGlobal_Modal_content {
  padding: 5px 12px;
}

#CMGlobal_C486_Dashboard #balanceAsOfDateModal .CMGlobal_Modal_content table {
  width: 100%;
}

#CMGlobal_C486_Dashboard #balanceAsOfDateModal .CMGlobal_CAGridViewMaster_dataarea {
  width: 100%;
  padding: 0 !important;
}

#CMGlobal_C486_Dashboard #balanceAsOfDateModal .CMGlobal_CAGridViewMaster_dataarea table tr td:first-child {
  width: 70%;
}

#CMGlobal_C486_Dashboard #balanceAsOfDateModal .CMGlobal_CAGridViewMaster_dataarea .CMGlobal_CAGridViewMaster_gridviewheadingcell {
  font-weight: bold;
  border-bottom: 3px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  padding: 7px !important;
}

#CMGlobal_C486_Dashboard #balanceAsOfDateModal .CMGlobal_CAGridViewMaster_dataarea .CMGlobal_CAGridViewMaster_gridviewdatacell {
  padding: 8px !important;
}

#CMGlobal_C486_Dashboard #dvBalanceAsOfDate .CMGlobal_Modal_content table tr td.CMGlobal_CAGridViewMaster_gridviewdatacell:first-child {
  width: 70%;
}

#CMGlobal_C486_Dashboard #dvBalanceAsOfDate .CMGlobal_Modal_content table tr td.CMGlobal_CAGridViewMaster_gridviewdatacell {
  padding: 8px;
  border-bottom: none;
}

#CMGlobal_C486_Dashboard #dvBalanceAsOfDate .CMGlobal_Modal_content table tr:nth-child(even) {
  background: #fff;
}

#CMGlobal_C486_Dashboard #balanceAsOfDateModal .modal-innercontent .modal-footer {
  display: none;
}

.modal-body {
  padding: 10px;
}

.dashboard-app .card {
  box-shadow: 0 0 6px 6px rgba(214, 214, 214, 0.25);
}

.dashboard-app .card .card-header > .card-title a {
  font-weight: bold;
}

#dashboardForm .trade-button input[disabled] {
  opacity: 0.65 !important;
}

/*End : Balance As of date popup---------------------*/
#CMGlobal_C486_Dashboard .Portfolio_Dashboard_footerdisclaimer {
  padding: 0 0 10px 25px;
  font-size: 11px;
  color: #999999;
}

.col-lg-10 {
  padding-left: 33px !important;
}

.investmentList .investment .btn-primary {
  border: none;
  color: #fff;
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border-radius: 0;
  text-transform: uppercase;
  width: auto;
  padding-top: 9px;
}

.edit-widget .modal-body .two-columns {
  height: 270px !important;
}

.edit-widget .modal-body .two-columns-new {
  height: 280px !important;
}

.historical .balance-summary .column-title {
  padding: 0 10px 0 10px;
}

.historical .balance-summary .tooltip.in {
  opacity: 1 !important;
}

.historical .balance-summary .tooltip {
  pointer-events: none;
}

.infolink mat-icon {
  border: none;
  color: white;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 3px;
  width: 19px;
  vertical-align: middle;
}

.mat-dialog-container:has(app-widget-add), .mat-dialog-container:has(app-dashboard-edit) {
  box-shadow: none !important;
  background: none !important;
}

.mat-dialog-content:has(.fund-detail-modal-new) {
  margin-right: -20px !important;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32) !important;
  opacity: 1 !important;
}

/* ========================================================================
   Component: PL > cm-app > pages > reports > _fund-comparison.scss
 ========================================================================== */
#CMReports {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
}

#CMReport_FundComparison {
  margin: 0 auto;
  width: 100%;
}

#CMReport_FundComparison #CMGlobal_introductiontoolbox_downloadlink {
  margin-right: 0 !important;
}

#CMReport_FundComparison #loading-bar-container {
  height: auto;
}

.CMReport_FundComparison_LegendContainer_nodata {
  color: #b5121b;
  font-weight: bold;
}

#CMReport_FundComparison_pagecontainer {
  clear: both;
  float: left;
  width: 100%;
}

#CMReport_FundComparison_pagecontainer .CMGlobal_searchbox_button {
  margin: 3% 15px 10px !important;
}

#CMReport_FundComparison_pagecontainer .CMGlobal_searchbox_button .CMbutton {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  padding: 1em 2em !important;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  border: none;
  font-weight: bold;
  margin: 10px;
  float: left;
}

#CMReport_FundComparison_pagecontainer .CMGlobal_searchbox_button .CMbutton:hover, #CMReport_FundComparison_pagecontainer .CMGlobal_searchbox_button .CMbutton:focus, #CMReport_FundComparison_pagecontainer .CMGlobal_searchbox_button .CMbutton:active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
  font-size: 12px;
  color: #fff !important;
  border: none !important;
}

#CMReport_FundComparison_pagecontainer CMReport_FundComparison_pagecontainer .searchResults_Container .search-message {
  color: #666;
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px !important;
  float: left;
  margin: 5px 0 0;
  width: 100%;
}

#CMReport_FundComparison #loading-bar-container .search-message {
  color: #666;
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px !important;
  float: left;
  margin: 5px 0 0;
  width: 100%;
}

.fundComparison-modal .CMGlobal_searchbox_button .CMbutton:hover {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
}

.fundComparison-modal .k-grid {
  border: none;
}

.fundComparison-modal .k-grid td {
  border: none;
  padding: 8px;
}

.fundComparison-modal .k-grid-header-wrap {
  border: none;
}

.fundComparison-modal .k-grid tr {
  background: #fff;
}

.fundComparison-modal .k-grid tr:hover {
  background: #fff;
}

.fundComparison-modal .k-grid .k-alt {
  background: #f1f2f2;
}

.fundComparison-modal .k-grid .k-alt:hover {
  background: #f1f2f2;
}

.modal-footer .btn-primary {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  padding: 1em 2em !important;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  border: none;
  font-weight: bold;
  margin: 10px !important;
  float: left;
  margin-right: 0 !important;
}

.k-grid-header {
  background: none;
}

.k-grid-header th.k-header > .k-link {
  text-overflow: clip;
  padding: 0;
}

.fundComparison-modal th.k-header {
  background: #fff;
  border: none;
  padding: 7px;
  border-top: 1px solid #d2d2d2;
  border-bottom: 3px solid #d2d2d2;
  font-weight: bold;
  border-right: 1px solid #d2d2d2 !important;
}

.fundComparison-modal th.k-header a {
  border: none;
}

.fundComparison-modal th.k-header:last-child {
  border-right: none !important;
}

.modal-footer .modal-btn-cancel {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0;
  float: left;
  margin: 10px;
  margin-right: 0;
}

.modal-footer .modal-btn-cancel:hover, .modal-footer .modal-btn-cancel:focus, .modal-footer .modal-btn-cancel:active, .modal-footer .modal-btn-cancel.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
}

.FundComparison_legendItem {
  width: 252px;
}

.modal-content {
  border-radius: 0;
}

#CMReport_FundComparison_LegendContainer .FundComparison_legendItem_inner i {
  background: transparent url("../images/icon_info.gif") no-repeat 0 0 !important;
}

#CMReport_FundComparison_LegendContainer {
  border-bottom: none;
}

.tooltip-inner, #CMReport_FundComparison .tooltip-inner {
  text-transform: none;
  text-align: left;
}

.modal-footer .modal-btn-cancel, .modal-footer .btn-primary {
  float: right !important;
}

.fundComparison-modal {
  vertical-align: middle;
  width: 900px !important;
  padding-right: 14px !important;
}

#CMReport_FundComparison_pagecontainer .nav-tabs {
  border-bottom: 1px solid #b7b4b4;
}

#CMReport_FundComparison_pagecontainer .nav-tabs > li {
  border-bottom: none !important;
  height: 28px;
  margin: 1px;
}

#CMReport_FundComparison_pagecontainer .nav-tabs > li.active > a {
  border: 1px solid #b7b4b4 !important;
  border-bottom: 1px solid #ffffff !important;
}

#CMReport_FundComparison_pagecontainer .nav-tabs a {
  display: inline-block !important;
  margin: -6px 0 0;
  padding-right: 15px !important;
  border-bottom: 1px solid #b7b4b4 !important;
}

#CMReport_FundComparison_pagecontainer .nav-tabs a span i {
  font-style: normal;
  float: none;
}

#CMReport_FundComparison_pagecontainer .nav-tabs .glyphicon-info-sign {
  background: transparent url("../images/icon-info-circle.png") center no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  margin-left: 8px;
  display: inline-block;
}

#CMReport_FundComparison_pagecontainer .glyphicon {
  position: relative;
  display: inline-block;
}

#CMReport_FundComparison_pagecontainer .glyphicon .tooltiptext {
  display: none;
  margin-top: 20px;
  width: 200px;
  position: absolute;
  z-index: 1;
  background: #fff;
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 10px;
  color: #666;
  font-size: 11px;
  text-transform: none;
}

#CMReport_FundComparison_pagecontainer .glyphicon:hover .tooltiptext {
  visibility: visible;
}

#fundComparisonChart .highcharts-tooltip .name {
  white-space: normal;
}

#fundComparisonChart .highcharts-tooltip ul {
  margin-bottom: 5px;
}

#fundComparisonChart .highcharts-tooltip span {
  min-width: 380px !important;
}

/*---------- Transaction History------------*/
#CMAccount_TransactionHistory {
  float: left;
  padding: 0;
  width: 100%;
}

#CMAccount_TransactionHistory .CMGlobal_CAGridViewMaster tr td {
  padding: 8px 5px;
  text-align: left;
}

#CMAccount_TransactionHistory .CMGlobal_CAGridViewMaster tr td.CMGlobal_CAGridViewMaster_gridviewpreheader {
  display: none;
}

#CMAccount_TransactionHistory .CMGlobal_CAGridViewMaster tr td.CMGlobal_CAGridViewMaster_gridviewheader {
  display: none;
}

#CMAccount_TransactionHistory .CMGlobal_errormessage {
  margin: 10px 0 0 0 !important;
}

#CMAccount_TransactionHistory #CMGlobal_introductiontoolbox_downloadlinkinstructions {
  display: none;
}

#CMAccount_TransactionHistory #CMGlobal_introductiontoolbox_printlinktext {
  padding: 2px 0 0;
}

#CMAccount_TransactionHistory .CMGlobal_CAGridViewMaster_gridviewheadingtext {
  cursor: pointer;
}

#CMAccount_TransactionHistory .CMGlobal_errormessage #dvErrorMessage {
  color: #b5121b;
  background-color: #fff;
  border: none;
  padding: 5px 0;
}

#CMAccount_TransactionHistory .CMGlobal_errormessage #dvErrorMessage:empty {
  display: none;
}

#CMAccount_TransactionHistory_searchbox {
  float: left;
  padding: 10px;
  width: 100%;
}

#CMAccount_TransactionHistory_TransactionHistoryData {
  float: left;
  padding: 10px;
  width: 100%;
}

#CMAccount_TransactionHistory_introductioncontent, #CMAccount_TransactionHistory .CMGlobal_infomessage {
  color: #666;
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px;
  float: left;
  margin: 5px 0 0;
  width: 100%;
}

#CMAccount_TransactionHistory_searchbox_header {
  font-weight: bold;
  font-size: 20px;
}

#CMGlobal_introductiontoolbox_downloadlink {
  display: inline;
  float: left;
  margin: 0 12px 0 0;
}

#CMGlobal_introductiontoolbox_downloadlinktext input {
  background: transparent url("../images/download.png") no-repeat scroll center center;
  border: medium none;
  cursor: cursor;
  float: right;
  font-size: 0;
  height: 20px;
  padding: 0;
  width: 16px;
}

.CMAccount_TransactionHistory_searchbox_row {
  float: left;
}

.CMAccount_TransactionHistory_searchbox_row select, .CMAccount_TransactionHistory_searchbox_row input {
  height: 31px;
}

.CMAccount_TransactionHistory_searchbox_producttype,
.CMAccount_TransactionHistory_searchbox_account,
.CMAccount_TransactionHistory_searchbox_date,
.CMAccount_TransactionHistory_searchbox_fund,
.CMAccount_TransactionHistory_searchbox_currency,
.CMAccount_TransactionHistory_searchbox_transactiontype,
.CMAccount_TransactionHistory_searchbox_bp {
  float: left;
  margin: 0 10px 0 0;
}

.CMAccount_TransactionHistory_searchbox_accountdrop,
.CMAccount_TransactionHistory_searchbox_funddrop,
.CMAccount_TransactionHistory_searchbox_currencydrop {
  clear: both;
}

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

.CMAccount_TransactionHistory_Gridview_columnamount div {
  text-align: right;
}

.CMAccount_TransactionHistory_searchbox_currencydrop select,
.CMAccount_TransactionHistory_searchbox_transactiontypedrop select {
  width: 105px;
}

.CMAccount_TransactionHistory_searchbox_fromcalendar {
  clear: both;
  float: left;
}

.CMAccount_TransactionHistory_searchbox_fromcalendar input, .CMAccount_TransactionHistory_searchbox_tocalendar input {
  background: #fff url("../images/icon_calendar.gif") no-repeat scroll 125px 6px;
  width: 150px;
}

.CMAccount_TransactionHistory_searchbox_fromcalendar input::-ms-clear,
.CMAccount_TransactionHistory_searchbox_tocalendar input::-ms-clear {
  display: none;
}

@supports (-ms-ime-align: auto) {
  .CMAccount_TransactionHistory_searchbox_fromcalendar input, .CMAccount_TransactionHistory_searchbox_tocalendar input {
    padding: 7px 10px;
  }
}

@media all and (-ms-high-contrast: none) {
  .CMAccount_TransactionHistory_searchbox_fromcalendar input, .CMAccount_TransactionHistory_searchbox_tocalendar input {
    height: 31px;
  }
}

.CMAccount_TransactionHistory_searchbox_tolabel {
  float: left;
  padding: 5px;
}

.CMAccount_TransactionHistory_searchbox_tocalendar {
  float: left;
}

.CMAccount_TransactionHistory_searchbox_accountlabel,
.CMAccount_TransactionHistory_searchbox_datelabel,
.CMAccount_TransactionHistory_searchbox_fundlabel,
.CMAccount_TransactionHistory_searchbox_currencylabel,
.CMAccount_TransactionHistory_searchbox_producttypelabel,
.CMAccount_TransactionHistory_searchbox_transactiontypelabel,
.CMAccount_TransactionHistory_searchbox_daterangelabel,
.CMAccount_TransactionHistory_searchbox_bplabel {
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  margin: 0 0 5px;
}

.CMAccount_TransactionHistory_Gridview_columnheaderaccountnumber {
  border-right: 1px solid #d2d2d2;
}

#CMAccount_TransactionHistory_searchbox_viewall {
  clear: both;
  left: 220px;
  position: relative;
  top: 92px;
  width: 150px;
}

.CMAccount_TransactionHistory_searchbox_searchbutton {
  clear: both;
  float: left;
  margin: 10px 0 0;
}

/* ------ Legends ------*/
#CMAccount_TransactionHistory_legend {
  display: none;
}

.CMAccount_TransactionHistory_Gridview_columnheaderdate td.CMGlobal_CAGridViewMaster_gridviewheadingtext,
.CMAccount_TransactionHistory_Gridview_columnheadertransaction td.CMGlobal_CAGridViewMaster_gridviewheadingtext,
.CMAccount_TransactionHistory_Gridview_columndate div,
.CMAccount_TransactionHistory_Gridview_columntransaction {
  text-align: center !important;
}

.CMGlobal_CAGridViewMaster .CMAccount_TransactionHistory_Gridview_columnproducttype, .CMGlobal_CAGridViewMaster .CMAccount_TransactionHistory_Gridview_columnheaderproducttype {
  display: none;
}

#transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-header-transactiondate .ag-header-cell-label, #transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-header-transactiontype .ag-header-cell-label,
#transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-header-producttype .ag-header-cell-label, #transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-header-amount .ag-header-cell-label {
  justify-content: center;
}

#transactionHistoryGrid .ag-theme-fresh .ag-header-cell-label {
  justify-content: flex-start;
}

#transactionHistoryGrid .ag-theme-fresh .ag-header-row {
  height: 38px !important;
  display: flex;
  justify-content: flex-start;
}

#transactionHistoryGrid .ag-theme-fresh .ag-header-cell, #transactionHistoryGrid .ag-theme-fresh .ag-header-group-cell {
  left: auto !important;
  position: relative !important;
}

#transactionHistoryGrid .ag-theme-fresh .ag-row-no-animation .ag-row {
  display: flex;
  justify-content: flex-start;
}

#transactionHistoryGrid .ag-theme-fresh .ag-cell {
  text-align: left;
  border: none !important;
  padding: 8px 3px !important;
  left: auto !important;
  position: relative !important;
}

#transactionHistoryGrid .ag-theme-fresh .ag-cell-focus {
  border: none !important;
  padding: 8px 3px !important;
}

#transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-transactiondate, #transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-transactiontype,
#transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-producttype {
  text-align: center;
}

#transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-amount {
  text-align: right;
}

#transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-header-transactiondate, #transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-transactiondate {
  width: 94px !important;
}

#transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-header-nav, #transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-nav,
#transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-header-shareamount, #transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-shareamount,
#transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-header-amount, #transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-amount {
  width: 162px !important;
}

#transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-header-transactiontype, #transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-transactiontype {
  width: 120px !important;
  white-space: normal;
  text-overflow: inherit;
  text-overflow: initial;
  word-wrap: break-word;
  word-break: break-word;
}

#transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-header-accountnumber, #transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-accountnumber,
#transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-header-securitydescription, #transactionHistoryGrid .ag-theme-fresh .cm-datagrid-transactionhistory-securitydescription {
  width: 280px !important;
  white-space: normal;
  text-overflow: inherit;
  text-overflow: initial;
  word-wrap: break-word;
  word-break: break-word;
}

#transactionHistoryGrid .cm-datagrid-pagination {
  padding-bottom: 45px;
}

#transactionHistoryGrid .cm-datagrid-pagination .PageNumber {
  position: absolute;
  margin-top: 35px;
}

#transactionHistoryGrid .cm-datagrid-pagination .PageNumber span {
  font-weight: normal;
}

#transactionHistoryGrid .cm-datagrid-pagination .page-container {
  justify-content: flex-start !important;
}

/*---------- Dualauth History------------*/
#CMTrade_DualAuthorizationHistory {
  float: left;
  width: 100%;
}

#CMTrade_DualAuthorizationHistory .CMGlobal_CAGridViewMaster tr td.CMGlobal_CAGridViewMaster_gridviewpreheader {
  display: none;
}

#CMTrade_DualAuthorizationHistory .CMGlobal_CAGridViewMaster tr td.CMGlobal_CAGridViewMaster_gridviewheader {
  display: none;
}

#CMTrade_DualAuthorizationHistory #CMGlobal_introductiontoolbox_printlinktext {
  padding: 2px 0 0;
}

#CMTrade_DualAuthorizationHistory_filterbox {
  float: left;
  margin: 0 0 10px;
}

#CMAccount_TransactionHistory_searchbox {
  float: left;
  width: 100%;
}

#CMTrade_DualAuthorizationHistory_subportletheader {
  display: none;
}

#CMTrade_DualAuthorizationHistory_statusheader, #CMTrade_DualAuthorizationHistory_searchbox_datelabel, #CMTrade_DualAuthorizationHistory_producttypelabel, #CMTrade_DualAuthorizationApproval_statusheader {
  float: left;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  margin: 0 0 5px;
}

#CMTrade_DualAuthorizationHistory_statusdrop,
#CMTrade_DualAuthorizationHistory_producttypefilterdrop {
  clear: both;
  float: left;
}

#CMTrade_DualAuthorizationHistory_filteritemsheader {
  font-weight: bold;
  font-size: 20px;
  padding: 0 0 12px;
}

#CMTrade_DualAuthorizationHistory_status, .CMTrade_DualAuthorizationHistory_filterdropbox {
  float: left;
  margin: 0 10px 0 0;
}

#CMTrade_DualAuthorizationHistory_searchbox_date, #CMTrade_DualAuthorizationHistory_searchbox_tocalendar {
  float: left;
}

#CMTrade_DualAuthorizationHistory_searchbox_date input::-ms-clear,
#CMTrade_DualAuthorizationHistory_searchbox_tocalendar input::-ms-clear {
  display: none;
}

@media all and (-ms-high-contrast: none) {
  #CMTrade_DualAuthorizationHistory_searchbox_date input,
  #CMTrade_DualAuthorizationHistory_searchbox_tocalendar input {
    height: 28px;
  }
}

#CMTrade_DualAuthorizationHistory_searchbox_fromcalendar {
  clear: both;
  float: left;
}

#CMTrade_DualAuthorizationHistory_searchbox_fromcalendar input {
  background: #fff url("../images/icon_calendar.gif") no-repeat scroll 125px 6px;
  width: 150px;
}

#CMTrade_DualAuthorizationHistory_searchbox_tocalendar input {
  background: #fff url("../images/icon_calendar.gif") no-repeat scroll 125px 6px;
  width: 150px;
}

@supports (-ms-ime-align: auto) {
  #CMTrade_DualAuthorizationHistory_searchbox_fromcalendar input,
  #CMTrade_DualAuthorizationHistory_searchbox_tocalendar input {
    padding: 7px 10px;
  }
}

#CMTrade_DualAuthorizationHistory_searchbox_tolabel {
  float: left;
  padding: 5px;
}

#CMTrade_DualAuthorizationHistory_filterbutton {
  clear: both;
  float: left;
  margin: 20px 0 0;
}

#CMTrade_DualAuthorizationHistory_filterbutton a {
  background: #236093;
  margin: 0 0 10px 0;
  padding: 1em 2em;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border: none;
  float: left;
  font-weight: bold;
}

#CMTrade_DualAuthorizationHistory_filterbutton a:hover, #CMTrade_DualAuthorizationHistory_filterbutton a:focus, #CMTrade_DualAuthorizationHistory_filterbutton a:active, #CMTrade_DualAuthorizationHistory_filterbutton a.active {
  background: #236093;
  border-radius: 0;
  padding: 1em 2em;
}

#DualAuthorization_ErrorDiv {
  background: #fff;
  padding: 5px 0;
  border: none;
  color: #b5121b;
  width: 100%;
  float: left;
  margin: 5px 0 0;
}

#DualAuthorization_ErrorDiv:empty {
  display: none;
}

.CMGlobal_CAGridViewMaster_pagertext {
  float: left;
}

.CMTrade_DualAuthorizationHistory_GridView_columnheadertransactiontype div, .CMTrade_DualAuthorizationHistory_GridView_columntransactiontype div {
  text-align: center !important;
}

#dualAuthHistoryGrid .ag-theme-fresh .ag-header-cell-label {
  line-height: 18px;
  text-align: left;
}

#dualAuthHistoryGrid .ag-theme-fresh .ag-header {
  min-height: 108px !important;
  height: 108px !important;
}

#dualAuthHistoryGrid .ag-theme-fresh .ag-header-cell {
  position: relative;
  left: auto !important;
}

#dualAuthHistoryGrid .ag-theme-fresh .ag-header-row {
  height: 108px !important;
  display: flex;
  justify-content: space-between;
}

#dualAuthHistoryGrid .ag-theme-fresh .ag-header-cell-label {
  justify-content: flex-start;
}

#dualAuthHistoryGrid .ag-theme-fresh .ag-row {
  display: flex;
  justify-content: space-between;
}

#dualAuthHistoryGrid .ag-theme-fresh .ag-cell {
  text-align: left;
  padding: 8px;
  position: relative;
  left: auto !important;
}

#dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-transactiontype {
  text-align: center;
}

#dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-transactiontype .ag-header-cell-label {
  justify-content: center;
}

#dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-transactiontype .ag-header-cell-custom-span {
  text-align: center;
}

#dualAuthHistoryGrid .ag-theme-fresh .ag-icon-desc, #dualAuthHistoryGrid .ag-theme-fresh .ag-icon-asc {
  height: 11%;
}

#dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-accountname, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-fundinfo, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-accountnumber {
  white-space: normal;
  text-overflow: inherit;
  text-overflow: initial;
  word-wrap: break-word;
  word-break: break-word;
}

#dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-accountnumber .ag-header-cell-text, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-accountname .ag-header-cell-text, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-fundtype .ag-header-cell-text, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-settlementdate .ag-header-cell-text, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-cutoff .ag-header-cell-text, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-maturitydate .ag-header-cell-text, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-requesterinfo .ag-header-cell-custom-span {
  white-space: normal;
  text-overflow: inherit;
  text-overflow: initial;
  word-wrap: break-word;
  word-break: break-word;
}

#dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-accountname, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-accountname {
  width: 150px !important;
}

#dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-fundinfo, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-fundinfo {
  width: 150px !important;
}

#dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-requesterinfo, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-requesterinfo, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-approvalinfo, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-approvalinfo {
  width: 150px !important;
}

#dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-transactiontype, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-transactiontype {
  width: 150px !important;
}

#dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-maturitydate, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-maturitydate {
  min-width: 100px;
}

#dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-header-cutoff, #dualAuthHistoryGrid .ag-theme-fresh .cm-datagrid-dualauthhistory-cutoff {
  min-width: 80px !important;
}

#dualAuthHistoryGrid .cm-datagrid-nodata {
  float: left;
  top: -30px;
}

#CMTrade_DualAuthorizationHistory_Border, #CMTrade_DualAuthorizationHistory_Border #CMTrade_DualAuthorizationHistory_DualAuthorizationHistoryFilter, #CMTrade_DualAuthorizationHistory_Border #DualAuthHistoryGridContainer {
  clear: both;
  float: left;
  width: 100%;
}

/*--------------------------------Report Repository Page---------------------------*/
#CMReports {
  margin: 0 auto;
  width: 100%;
  float: none;
}

#CMReports_ReportHistory {
  float: left;
  width: 100%;
}

#CMReports_ReportHistory .CMGlobal_filterbox {
  clear: both;
  float: left;
  width: 100%;
}

#CMReports_ReportHistory #Global_headerBack {
  float: left;
  width: 100%;
}

#CMReports_repositorytable {
  padding: 10px;
}

#CMReports_repositorytable .CMAccount_gridviewheader th {
  border-right: 1px solid #d2d2d2;
}

#CMReports_repositorytable .CMAccount_gridviewheader th:last-child {
  border-right: none;
}

#CMReports_RepositoryMain, #CMReports_repositorytable {
  float: left;
  width: 100%;
}

#CMReports_repositorytable .ReportsTable {
  float: left;
  width: 100%;
}

#CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster {
  width: 100%;
  margin-bottom: 10px;
}

#CMReports_repositorytable .ReportsTable .CMGlobal_GridView_maintablerow td, .CMGlobal_GridView_emptytablerow td {
  background: #f1f2f2;
}

#CMReports_repositorytable .ReportsTable .CMGlobal_GridView_alttablerow td {
  background: #fff;
}

#CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster .CMGlobal_tableColumnLeft,
#CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster .CMGlobal_tableColumnCenter {
  border-bottom: none;
}

#CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster .CMGlobal_tableColumnLeft:hover, #CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster .CMGlobal_tableColumnLeft:active, #CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster .CMGlobal_tableColumnLeft:visited,
#CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster .CMGlobal_tableColumnCenter:hover,
#CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster .CMGlobal_tableColumnCenter:active,
#CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster .CMGlobal_tableColumnCenter:visited {
  border-bottom: none;
}

#CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster .CMGlobal_tableColumnLeft a,
#CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster .CMGlobal_tableColumnCenter a {
  border-bottom: none;
  text-decoration: none;
}

#CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster .CMGlobal_tableColumnLeft a:hover,
#CMReports_repositorytable .ReportsTable .CMAccount_GridViewMaster .CMGlobal_tableColumnCenter a:hover {
  text-decoration: underline;
}

#CMReports_repositorytable .ReportsTable div:nth-of-type(1) {
  font-size: 20px;
}

#CMReports .CMGlobal_infomessage {
  float: left;
  width: 100%;
  margin-top: 7px;
}

#CMReports_ReportHistory input.buttonprimary {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  padding: 1em 2em !important;
  border: none;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  font-weight: bold;
  margin-left: 10px !important;
  height: auto !important;
}

#CMReports_ReportHistory input.buttonprimary:hover, #CMReports_ReportHistory input.buttonprimary:focus, #CMReports_ReportHistory input.buttonprimary:active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
  font-size: 12px;
  color: #fff !important;
}

#CMReports_ReportHistory a.buttonprimary, #CMReports_ReportHistory #Global_headerBack a {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
  font-weight: bold;
  float: left;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0;
  height: auto;
}

#CMReports_ReportHistory a.buttonprimary:hover, #CMReports_ReportHistory a.buttonprimary:focus, #CMReports_ReportHistory a.buttonprimary:active, #CMReports_ReportHistory a.buttonprimary.active, #CMReports_ReportHistory #Global_headerBack a:hover, #CMReports_ReportHistory #Global_headerBack a:focus, #CMReports_ReportHistory #Global_headerBack a:active, #CMReports_ReportHistory #Global_headerBack a.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
}

@media all and (-ms-high-contrast: none) {
  #CMReports_ReportHistory #Global_headerBack a {
    float: none;
    padding: 9px 30px;
  }
  #CMReports_ReportHistory #Global_headerBack a:hover, #CMReports_ReportHistory #Global_headerBack a:focus, #CMReports_ReportHistory #Global_headerBack a:active, #CMReports_ReportHistory #Global_headerBack a.active {
    padding: 9px 30px;
  }
}

#CMReports_ReportHistory .CMGlobal_introductionheader {
  float: left;
  margin: 0;
}

#CMReports_ReportHistory .CMAccount_TransactionHistory_searchbox_row h3 {
  font-weight: bold;
  margin-bottom: 9px;
}

#CMReports_ReportHistory #ssrsReportHistoryForm span {
  float: left;
  border: none;
}

#CMReports_ReportHistory #ssrsReportHistoryForm span:nth-of-type(2) {
  padding: 5px 5px 5px 10px !important;
}

#CMReports_ReportHistory #filterStartDate, #CMReports_ReportHistory #filterEndDate {
  border: 1px solid #d2d2d2;
  float: left;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 12px;
  height: 31px;
  color: #666 !important;
  padding: 5px 10px;
  border-radius: 0;
  margin: -23px 0px 0px 0px;
}

#CMReports_ReportHistory #filterStartDate[disabled], #CMReports_ReportHistory #filterEndDate[disabled] {
  background-color: #fff !important;
  color: #333;
}

#CMReports_ReportHistory .CMGlobal_GridView_emptytable td, #CMReports_ReportHistory #CMGlobal_error {
  padding: 0;
}

#CMReports_ReportHistory #CMGlobal_error .CMGlobal_errormessage {
  color: #b5121b;
  background-color: #fff;
  border: none;
  padding: 5px 0;
}

#CMReports_ReportHistory #CMGlobal_error .CMGlobal_errormessage:empty {
  display: none;
}

#CMReports_ReportHistory .CMAccount_TransactionHistory_searchbox_row .k-datepicker {
  width: 129px !important;
}

#CMReports_ReportHistory .k-widget {
  background: transparent;
}

#CMReports_ReportHistory .CMAccount_TransactionHistory_searchbox_row .k-datepicker .k-picker-wrap {
  border-radius: 0;
  height: 100%;
  background: transparent;
  border: 1px solid #d2d2d2;
}

#CMReports_ReportHistory .CMAccount_TransactionHistory_searchbox_row .k-datepicker .k-picker-wrap input {
  border-radius: 0;
  height: 31px;
  padding: 0 12px;
  background: transparent;
  width: 150px;
}

#CMReports_ReportHistory .CMAccount_TransactionHistory_searchbox_row .k-datepicker .k-picker-wrap.k-state-hover {
  border-radius: 0 !important;
  height: 100% !important;
}

#CMReports_ReportHistory .CMAccount_TransactionHistory_searchbox_row .k-datepicker .k-select {
  background: transparent !important;
  border: none;
  border-radius: 0;
  height: 100%;
}

#CMReports_ReportHistory .CMAccount_TransactionHistory_searchbox_row .k-datepicker .k-select .k-icon {
  background: #fff url("../images/icon_calendar.gif") no-repeat scroll 0 0;
  margin: 16px 0 0 0;
  width: 22px;
  height: 22px;
}

#CMReports_ReportHistory .CMAccount_TransactionHistory_searchbox_row .k-datepicker .k-select {
  width: 29px;
}

#CMReports_repositorytable .CMAccount_GridViewMaster tbody tr:last-child div {
  font-size: 13px;
}

.k-calendar-container, .k-calendar {
  height: 230px !important;
}

/*-----------------------------End : Report Repository Page------------------------*/
/*---------- Statements ------------*/
#CMStatements {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
  padding: 0 0 30px;
}

#CMStatements .CMGlobal_introductionheader {
  padding-top: 5px;
}

.CMStatements_searchbox_rowlabel {
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  margin: 0 0 5px;
}

.CMStatements_searchbox_accountnumber,
.CMStatements_searchbox_product,
.CMStatements_searchbox_documenttype,
.CMStatements_searchbox_datecontainer {
  float: left;
  margin: 0 10px 0 0;
}

.CMStatements_searchbox_datalabel {
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  margin: 0 0 5px;
}

.CMStatements_searchbox_datalabelto {
  float: left;
  padding: 5px;
}

.CMStatements_searchbox_fromcalendar,
.CMStatements_searchbox_tocalendar {
  float: left;
}

.CMStatements_searchbox_fromcalendar .validation-error,
.CMStatements_searchbox_tocalendar .validation-error {
  max-width: 140px;
}

.CMStatements_searchbox_searchbutton {
  clear: both;
  float: left;
  margin-bottom: 15px;
  color: #236093;
}

.CMStatements_searchbox_searchbutton button[disabled] {
  opacity: 0.5;
}

.validation-error {
  color: #b5121b;
  padding: 5px 0;
}

.ag-header {
  border-color: #d2d2d2;
  border-bottom-width: 3px !important;
}

.ag-header-cell-label {
  border-right: 1px solid #d2d2d2;
}

#CMStatements .ag-body-viewport {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/*Calendar*/
.mat-datepicker-popup {
  border: 1px solid #d2d2d2;
}

.mat-datepicker-content {
  box-shadow: -2px 2px 2px 0 #adaaad;
}

.mat-form-field-underline {
  background: none !important;
}

.mat-calendar-body-cell-content {
  border-radius: 0 !important;
  width: 75% !important;
  height: 75% !important;
}

.mat-calendar-body-cell-content:hover {
  background: #0f2d5d !important;
  color: #fff !important;
}

.mat-calendar-body-disabled .mat-calendar-body-cell-content {
  color: #E6E6E6 !important;
}

.mat-calendar-body-disabled .mat-calendar-body-cell-content:hover {
  background: #fff !important;
  color: #E6E6E6 !important;
}

.mat-calendar-controls {
  margin: 0 !important;
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: none;
}

.mat-datepicker-content .mat-calendar {
  height: 330px !important;
}

.mat-calendar-table-header th {
  color: #666;
  font-weight: bold;
}

.CMStatements_searchbox_datecontainer .mat-form-field-flex {
  border: 1px solid #d2d2d2;
  padding: 0 5px;
}

.CMStatements_searchbox_datecontainer .mat-form-field-infix {
  border: none;
  width: 110px;
  height: 30px;
}

.mat-datepicker-toggle-default-icon {
  display: none;
}

.mat-datepicker-toggle .mat-icon-button {
  background: #fff url("../images/icon_calendar.gif") no-repeat scroll 0 0;
  border-radius: 0;
  height: 22px;
  width: 16px;
}

.mat-button-ripple-round {
  border-radius: 0;
  box-shadow: none;
  background: none;
}

.mat-button-focus-overlay, .mat-button-ripple,
.mat-datepicker-toggle-active {
  background: none !important;
}

.mat-form-field-invalid .mat-form-field-ripple {
  background: none !important;
}

app-loading-spinner .center {
  margin: 0 auto !important;
}

.ag-header-cell-label,
.ag-row .ag-cell {
  padding: 6px;
  text-align: center;
}

@supports (-ms-ime-align: auto) {
  .mat-datepicker-toggle .mat-icon-button {
    background-position-y: 5px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .mat-datepicker-toggle .mat-icon-button {
    background-position-y: 5px;
  }
}

@media all and (-ms-high-contrast: none) {
  .mat-datepicker-toggle .mat-icon-button {
    background-position-y: 5px;
  }
}

.mat-calendar-body-cell-content::before {
  margin: 0 !important;
}

/*Pagination*/
#CMStatements .ag-theme-balham div[ref="btFirst"] span {
  float: left;
  background-image: url("../images/ui-icons_00a6dd_256x240.png");
  background-position: -80px -160px;
  text-indent: 100%;
  height: 16px;
  width: 16px;
}

#CMStatements .ag-theme-balham div[ref="btPrevious"] span {
  float: left;
  background-image: url("../images/ui-icons_00a6dd_256x240.png");
  background-position: -48px -160px;
  text-indent: 100%;
  height: 16px;
  width: 16px;
}

#CMStatements .ag-theme-balham div[ref="btNext"] span {
  float: left;
  background-image: url("../images/ui-icons_00a6dd_256x240.png");
  background-position: -32px -160px;
  text-indent: 100%;
  height: 16px;
  width: 16px;
}

#CMStatements .ag-theme-balham div[ref="btLast"] span {
  float: left;
  background-image: url("../images/ui-icons_00a6dd_256x240.png");
  background-position: -64px -160px;
  text-indent: 100%;
  height: 16px;
  width: 16px;
}

#CMStatements .ag-paging-page-summary-panel {
  display: flex;
  padding-left: 10px;
}

#CMStatements .ag-paging-page-summary-panel div {
  border: none;
  width: 16px;
  height: 16px;
  background: transparent;
  font-size: 0;
  position: relative;
}

#CMStatements .ag-paging-panel {
  display: flex;
  justify-content: center;
}

#CMStatements .CMStatements_searchbox_datecontainer .mat-form-field-flex {
  height: 30px;
}

#CMStatements .mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 0;
  display: none !important;
}

#CMStatements .CMStatements_searchbox_datecontainer .mat-datepicker-toggle .mat-icon-button {
  background-position-y: 0px !important;
}

#CMStatements .CMStatements_searchbox_datecontainer .mat-datepicker-input {
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 12px;
}

#CMStatements #Global_gridbody {
  float: left;
  width: 100%;
}

.mat-calendar-abbr {
  text-decoration: none !important;
  cursor: default !important;
}

.mat-calendar-body-cell.mat-calendar-body-disabled {
  cursor: default !important;
}

#CMAccount_Statements {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}

#CMAccount_Statements_container {
  margin: 20px 20px 0;
  float: left;
  width: 1160px;
}

#CMAccount_Statements_container #StatementDate {
  width: 411px;
}

#CMAccount_Statements_container .form-group label {
  font-size: 12px;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  padding-left: 0px;
  text-align: left;
}

#CMAccount_Statements_container .form-group {
  padding-bottom: 10px;
}

#CMAccount_Statements_container #btnSubmit {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  margin: 0 0 10px 0;
  padding: 1em 2em;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border: none;
  float: left;
  font-weight: bold;
}

#CMAccount_Statements_container .validation-summary-errors {
  margin: 0 0 5px -17px;
}

/*------- Holdings Search -------*/
#CMFund_HoldingsResearch {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  padding: 0 0 30px 0;
  background: #FFF;
}

#CMFund_Holdings_portfoliobalance {
  clear: both;
  float: left;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px;
  padding-left: 10px;
}

#CMFund_Holdings_portfoliobalancelabel {
  float: left;
  margin: 0 5px 0 0;
}

#CMFund_Holdings_portfoliobalancedata {
  float: left;
}

#CMFund_HoldingsResearch .CMFund_Holdings_asofdate {
  float: right;
  width: 275px;
}

#CMFund_HoldingsResearch .CMFund_Holdings_asofdate .CMGlobal_balanceasofdate {
  text-align: right;
}

.CMFund_Holdings_asofdateleft {
  float: left;
}

#CMFund_HoldingsSearch_tabs {
  clear: both;
  float: left;
  margin: 10px 0 0;
}

.CMFund_HoldingsSearch_tabstrip {
  clear: both;
  float: left;
  width: 100%;
}

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

#CMFund_HoldingsResearch .CMFund_Holdings_asofdateleft {
  display: block;
  float: right;
  margin-right: 13px;
}

#downloadCSVErrorMessage .CMGlobal_errormessage {
  background: #fff;
  padding: 5px 0;
  border: none;
  color: #b5121b;
  width: 100%;
  float: left;
  margin-bottom: 10px !important;
}

/* ----- Holdings Research Filter ----- */
#CMFund_HoldingResearch_Filter {
  clear: left;
  float: left;
  margin: 10px;
  width: 126px;
}

#CMFund_HoldingResearch_Filter_header {
  background: transparent url(../images/icon_filter.png) no-repeat 0 0;
  font-size: 20px;
  font-weight: bold;
  margin: 5px 0 5px 0;
  padding: 0 0 0 25px;
}

#CMFund_HoldingResearch_Filter_links {
  float: left;
}

.CMFund_HoldingResearch_Filter_linksentry {
  clear: both;
  float: left;
}

.CMFund_HoldingResearch_Filter_linksentry a {
  text-decoration: underline;
}

.HoldingResearch_Filter_linksentryall {
  border-bottom: 1px solid #002144;
  padding: 3px 0 0 0;
}

.HoldingResearch_Filter_linksentryholding, .HoldingResearch_Filter_linksentryissuer, .HoldingResearch_Filter_linksentrycategory, .HoldingResearch_Filter_linksentrycountry, .HoldingResearch_Filter_linksentryfund {
  border-bottom: none;
  margin-left: 8px;
  padding: 7px 0 0 0;
}

.HoldingResearch_Filter_linksentryall:hover, .HoldingResearch_Filter_linksentryholding:hover, .HoldingResearch_Filter_linksentryissuer:hover, .HoldingResearch_Filter_linksentrycategory:hover, .HoldingResearch_Filter_linksentrycountry:hover, .HoldingResearch_Filter_linksentryfund:hover {
  border-bottom: none;
  text-decoration: none;
}

.CMFund_HoldingResearch_Filter_Selected {
  border-bottom: none !important;
}

.CMFund_HoldingResearch_Filter_Selected:hover {
  border-bottom: none !important;
}

.CMFund_HoldingResearch_Filter_Selected a {
  color: #002144 !important;
  cursor: default;
  font-weight: bold;
}

.CMFund_HoldingResearch_Filter_Selected a:hover {
  color: #002144 !important;
  cursor: default;
  font-weight: bold;
}

.CMFund_HoldingResearch_Filter_linkslabel {
  float: left;
  line-height: 1em;
}

.CMFund_HoldingResearch_Filter_linksdata {
  float: left;
  line-height: 1em;
  padding-left: 4px;
}

.CMFund_HoldingResearch_Filter_linksdata label {
  cursor: pointer;
}

.CMFund_HoldingResearch_Filter_linksdata label:hover {
  cursor: default;
}

.CMFund_HoldingsSearch_overview {
  float: right;
  font-size: 12px;
  width: 100%;
  padding: 10px;
}

#CMFund_HoldingsSearch_percentportfolio {
  float: right;
  margin: 5px 0;
}

#CMFund_HoldingsSearch_percentportfoliolabel {
  float: left;
  font-weight: bold;
  margin: 0 5px 0 0;
}

#CMFund_HoldingsSearch_percentportfoliodata {
  float: left;
}

#CMFund_HoldingsSearch_searchsummary {
  float: left;
  font-weight: bold;
  margin: 24px 0 5px;
  width: 511px;
}

#CMFund_HoldingsSearch_searchsummarylabel {
  float: left;
  margin: 0 5px 0 0;
}

#CMFund_HoldingsSearch_searchsummarydata {
  float: left;
  width: 405px;
}

#CMFund_HoldingsSearch_weightedbalance {
  clear: right;
  float: right;
  margin: 0 0 5px 0;
}

#CMFund_HoldingsSearch_weightedbalancelabel {
  float: left;
  font-weight: bold;
  margin: 0 5px 0 0;
}

#CMFund_HoldingsSearch_weightedbalancedata {
  float: left;
}

/*---- Curreny Navigation ------*/
#CMFund_Holdings_currencytabs {
  margin-bottom: 25px;
}

/* ------ Exact Match ------*/
.cmHoldingsResearchForm_exactMatchDialog {
  background: #fff !important;
  padding: 12px;
}

#HoldingResearch_ExactMatchDialog #CMGlobal_Modal_content {
  text-align: center;
}

#ExactMatchDialog_buttons {
  padding: 10px 0 0 0;
}

/*-------- Customize Column ------*/
#CMFund_HoldingResearch_customizecolumns_dialog {
  float: right;
}

.cmHoldingsResearchForm_customizeColumnsDialog {
  background-color: #fff !important;
  border: 1px solid #999 !important;
  padding: 20px;
  position: absolute;
  top: 10% !important;
  width: 372px !important;
}

#cmHoldingsResearchForm .CMGlobal_modalPopup {
  border: none;
  min-height: 120px;
}

#cmHoldingsResearchForm .ui-dialog .ui-widget-content {
  background: #fff !important;
  border: none !important;
}

#cmHoldingsResearchForm .ui-dialog .ui-dialog-titlebar {
  display: none;
}

.CustomizeColumnsDialog_checkbox {
  padding-left: 11px;
  text-align: left;
  margin: 0 12px;
}

.CustomizeColumnsDialog_data {
  text-align: left;
  width: 72%;
}

.CustomizeColumnsDialog_data label {
  font-weight: normal;
}

.CustomizeColumnsDialog_content {
  clear: both;
  float: left;
  width: 100%;
}

.CustomizeColumnsDialog_content ul li.CustomizeColumnsDialog_Content_Item {
  background: #fff url("../images/CustomizeColumns_sortindicator.png") no-repeat scroll 3px 7px;
  border-bottom: 1px solid #CCCCCC;
  padding: 3px;
}

.CustomizeColumnsDialog_content ul li.CustomizeColumnsDialog_Content_Item:hover {
  background: #CCCCCC url(../images/CustomizeColumns_sortindicator.png) 3px 7px no-repeat;
  cursor: move;
}

.CustomizeColumnsDialog_content ul li.CustomizeColumnsDialog_Content_Item .CustomizeColumnsDialog_checkbox input:hover {
  cursor: default;
}

.cmHoldingsResearchForm_customizeColumnsDialog .CustomizeColumnsDialog_Header {
  clear: both;
  border-bottom: 3px solid #d2d2d2;
  height: 25px;
}

.cmHoldingsResearchForm_customizeColumnsDialog .CustomizeColumnsDialog_Header_CheckBox {
  float: left;
  width: 60px;
}

.CMFund_HoldingsSearch_tabsowned, .CMFund_HoldingsSearch_tabsall {
  display: inline;
  float: none;
}

#cmHoldingsResearchForm .CMFund_HoldingResearch_groupheadinglabel {
  text-align: left;
}

#cmHoldingsResearchForm .CustomizeColumnsDialog_content ul li .CustomizeColumnsDialog_checkbox input {
  cursor: default;
}

#CMFund_HoldingResearch_customizecolumnsbuttonbox {
  float: right;
  margin-top: 10px;
  width: 100%;
}

#CMFund_HoldingResearch_customizecolumnsbuttonsave {
  float: right;
}

#CMFund_HoldingResearch_customizecolumnsbuttonsave .buttonsave {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  padding: 1em 2em !important;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  border: none;
  font-weight: bold;
  margin-left: 10px !important;
  height: auto;
  cursor: pointer;
}

#CMFund_HoldingResearch_customizecolumnsbuttonsave .buttonsave:hover, #CMFund_HoldingResearch_customizecolumnsbuttonsave .buttonsave:focus, #CMFund_HoldingResearch_customizecolumnsbuttonsave .buttonsave:active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
  font-size: 12px;
  color: #fff !important;
  border: none !important;
}

#CMFund_HoldingResearch_customizecolumnsbuttoncancel .buttoncancel {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0;
  height: auto;
  cursor: pointer;
}

#CMFund_HoldingResearch_customizecolumnsbuttoncancel .buttoncancel:hover, #CMFund_HoldingResearch_customizecolumnsbuttoncancel .buttoncancel:focus, #CMFund_HoldingResearch_customizecolumnsbuttoncancel .buttoncancel:active, #CMFund_HoldingResearch_customizecolumnsbuttoncancel .buttoncancel.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
}

#CMFund_HoldingResearch_customizecolumnsbuttoncancel {
  text-align: right;
}

#CMFund_HoldingResearch_customizecolumnsbuttonrestore .buttonrestore {
  background: none;
  border: none;
  color: #236093;
  border-bottom: 0px solid #fff;
  text-decoration: none;
  margin: 11px 0 0 40px;
  font-family: CitiSans, arial, helvetica, sans-serif !important;
}

#CMFund_HoldingResearch_customizecolumnsbuttonrestore .buttonrestore:hover {
  border-bottom: 0 solid #236093;
  color: #236093;
  text-decoration: none;
  cursor: pointer;
}

#CMFund_HoldingResearch_customizecolumnsbuttonrestore {
  float: left;
  margin: 5px 0 0 10px;
}

#CMFund_HoldingsResearch #CMGlobal_introductiontoolbox_downloadlink {
  float: right;
}

.ui-autocomplete {
  background: #fff !important;
  border: 1px solid #CCCCCC !important;
  z-index: 999 !important;
  width: auto;
}

.ui-autocomplete .ui-menu-item {
  float: left;
}

.ui-autocomplete .ui-menu-item a {
  float: left;
  color: #666;
  text-decoration: none;
  border: none;
}

.ui-autocomplete .ui-menu-item a:hover {
  background: #BFBFBF;
  cursor: pointer;
  margin: 0;
}

#CMFund_Holdings_searchresults {
  clear: both;
  float: left;
  margin: 0 0 5px 0;
  white-space: normal !important;
}

#CMFund_Holdings_searchresultsdata {
  float: left;
  margin: 0 10px 0 0;
}

#CMFund_Holdings_searchresultscategory {
  color: #000;
  float: right;
  font-size: 13px;
  margin: 0;
  font-weight: bold;
}

.cmHoldingsResearchForm_exactMatchDialog {
  width: 610px !important;
}

#CMFund_HoldingResearch_Gridview > .wijmo-wijgrid {
  height: 100%;
  min-height: 0%;
}

#CMFund_HoldingResearch_customizecolumnsbuttonbox .ui-widget button {
  font-family: CitiSans, arial, helvetica, sans-serif !important;
}

/* ----- Holdings Research Gridview ----- */
#CMFund_HoldingResearch_Gridview {
  float: right;
  width: 85%;
  max-width: 1050px;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid {
  overflow-x: auto;
  width: 100%;
}

#CMFund_HoldingResearch_Gridview td.CMGlobal_CAGridViewMaster_gridviewheader {
  background: blue;
  padding: 5px;
}

#CMFund_HoldingResearch_Gridview .CMGlobal_CAGridViewMaster td div {
  white-space: normal !important;
}

#CMFund_HoldingResearch_Gridview .CMGlobal_CAGridViewMaster td div td {
  white-space: normal !important;
}

#CMFund_HoldingResearch_Gridview .CMGlobal_CAGridViewMaster_dataarea {
  height: auto !important;
}

#CMFund_HoldingResearch_Gridview .CMGlobal_CAGridViewMaster_gridviewdatacell {
  padding: 2px 4px !important;
}

#CMFund_HoldingResearch_Gridview .CMGlobal_CAGridViewMaster_gridviewfooter {
  padding: 5px;
}

.CMGlobal_CAGridViewMaster_gridviewgroupingnotificationtext {
  color: #fff;
}

.CMFund_HoldingResearch_groupheadingpercentportfolio {
  float: left;
  font-weight: bold;
  text-align: right;
  margin: 0 10px 0 0;
  width: 180px;
}

.CMFund_HoldingResearch_groupheadingweightedbalance {
  float: left;
  font-weight: bold;
  text-align: right;
  margin: 0;
  width: 210px;
}

.CMGlobal_CAGridViewMaster_gridviewgroupbysection img {
  padding-bottom: 2px;
}

.CMGlobal_CAGridViewMaster_gridviewheadingcell img {
  display: none;
}

#CMFund_HoldingsResearch .CMGlobal_CAGridViewMaster_gridviewheadingcell td {
  cursor: pointer;
}

.CMGlobal_CAGridViewMaster_gridviewheadingtext {
  padding: 0 2px !important;
}

.CMFund_HoldingResearch_groupheadingpercentportfolio {
  float: left;
  font-weight: bold;
  text-align: right;
  margin: 0 10px 0 0;
  width: 180px;
}

.CMFund_HoldingResearch_groupheadingweightedbalance {
  float: left;
  font-weight: bold;
  text-align: right;
  margin: 0;
  width: 210px;
}

#CMFund_HoldingResearch_Gridview .CMGlobal_CAGridViewMaster td.CMGlobal_CAGridViewMaster_gridviewheadingtext {
  font-weight: bold;
  padding: 6px 5px 3px;
  white-space: normal !important;
}

#CMFund_HoldingResearch_PageDetail .no_data {
  margin-left: -1027px;
}

/* ----- Holdings Research Grouping ----- */
.CMGlobal_CAGridViewMaster_gridviewheadergroupbytext {
  color: white;
  float: left;
  margin: 0 5px 0 0;
}

.CMGlobal_CAGridViewMaster_gridviewgroupbysection td.CMGlobal_CAGridViewMaster_gridviewheadergroupbytext {
  cursor: pointer;
}

td.CMGlobal_CAGridViewMaster_gridviewgroupheading, td.CMGlobal_CAGridViewMaster_gridviewindentcell {
  background-color: #e6eed5;
  padding: 5px 3px !important;
  vertical-align: top;
}

.CMGlobal_CAGridViewMaster_gridviewindentcell img {
  padding-top: 3px;
}

.CMFund_HoldingResearch_groupheadinglabel {
  float: left;
  font-weight: bold;
  margin-right: 10px;
  text-align: left;
  width: 256px;
}

.CMFund_HoldingResearch_groupheadingpercentportfolio {
  float: left;
  font-weight: bold;
  text-align: right;
  margin: 0 10px 0 0;
  width: 223px;
}

.CMFund_HoldingResearch_groupheadingweightedbalance {
  float: left;
  font-weight: bold;
  text-align: right;
  margin: 0;
  width: 280px;
}

.CMFund_HoldingResearch_groupheadingpercentportfolio .CMFund_HoldingResearch_groupheadinglabel {
  float: left;
  margin: 0 3px 0 0;
  width: 147px;
}

.CMFund_HoldingResearch_groupheadingweightedbalance .CMFund_HoldingResearch_groupheadinglabel {
  float: left;
  margin: 0 3px 0 0;
  width: 169px;
}

.CMFund_HoldingResearch_groupheadingpercentportfolio .CMFund_HoldingResearch_groupheadingdata {
  float: left;
  font-weight: normal;
  text-align: right;
  width: 67px;
}

.CMFund_HoldingResearch_groupheadingweightedbalance .CMFund_HoldingResearch_groupheadingdata {
  float: left;
  font-weight: normal;
  text-align: right;
  width: 107px;
}

#CMFund_HoldingResearch_Gridview .CMGlobal_CAGridViewMaster_gridviewindentcell td {
  color: #a3a2a0 !important;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-grouptogglebtn {
  background-image: url("../images/lminus.png") !important;
  background-position: 2px 2px !important;
}

#CMFund_HoldingResearch_Gridview .ui-icon-triangle-1-e {
  background-image: url("../images/lplus.png") !important;
  background-position: 2px 2px !important;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijsuperpanel-header .wijmo-wijgrid-group-area {
  height: 40px;
  padding: 5px !important;
  font-weight: bold;
  border: 1px solid;
  border-color: #ccc;
}

#holdingsGrid .ui-state-hover td div {
  text-align: left;
}

#holdingsGrid .ui-state-hover td.column-country div {
  text-align: center;
}

.column-country div {
  text-align: center;
}

th.column-country div a,
td.column-daysToMaturity div {
  text-align: center !important;
}

td.column-weightedBalanceDisplayValue div,
.ui-state-hover td.column-weightedBalanceDisplayValue div {
  text-align: right !important;
  margin-right: 10px;
}

td.column-percentageDisplayValue div,
.ui-state-hover td.column-percentageDisplayValue div,
td.column-percentageOfPortfolioDisplayValue div,
.ui-state-hover td.column-percentageOfPortfolioDisplayValue div {
  text-align: right !important;
  margin-right: 5px;
}

/*--------------------------------------- Wijmo Grid----------------------------------*/
#cmHoldingsResearchForm .wijmo-wijgrid {
  border: none;
  float: left;
}

#CMFund_HoldingResearch_Gridview tr.wijmo-wijgrid-headerrow th {
  border-bottom: 3px solid #d2d2d2;
  background: #fff;
  border-right: 1px solid #d2d2d2 !important;
}

#CMFund_HoldingResearch_Gridview tr.wijmo-wijgrid-headerrow th:last-child {
  border-right: none !important;
}

#CMFund_HoldingResearch_Gridview tr.wijmo-wijgrid-headerrow .wijmo-wijgrid-innercell a {
  color: #333333;
  font-weight: bold;
  border: none;
}

#cmHoldingsResearchForm .wijmo-wijgrid-headertext {
  padding: 7px !important;
  text-align: left;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-datarow td {
  background: #fff;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-alternatingrow td {
  background: #f1f2f2;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-footerrow {
  background-color: white !important;
  background-image: none !important;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-footer {
  background-color: white !important;
  background-image: none !important;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-footer ul {
  float: right;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-footer ul li span {
  text-decoration: underline;
  color: #000;
  font-weight: normal;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-footer ul li a {
  color: #3a5381;
  font-weight: normal;
}

.wijmo-wijgrid-footer .ui-state-default a,
.wijmo-wijgrid-footer .ui-state-default a:visited {
  color: #236093;
}

.wijmo-wijgrid-footer .ui-state-default a:hover,
.wijmo-wijgrid-footer .ui-state-default a:active {
  color: #236093;
}

.draggableitem {
  border: 1px solid #000 !important;
  width: 100px !important;
}

.wijmo-wijgrid .wijmo-wijsuperpanel-header {
  border-bottom: none;
}

.wijmo-wijgrid .wijmo-wijsuperpanel-header div {
  background-image: none !important;
}

.wijmo-wijsuperpanel-header .wijmo-wijgrid-group-button {
  color: #333;
  font-weight: bold;
  border-bottom: none;
  text-decoration: none;
  margin: 0;
  padding-top: 1px;
}

.ui-icon-arrowthick-1-s {
  background: url("../images/reorder.png") no-repeat 0 0 !important;
  width: 10px;
  height: 42px;
}

.ui-icon-arrowthick-1-n {
  background: none !important;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-groupheaderrow {
  background: #D6D2C4 !important;
  padding: 5px 2px;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-table .wijgridtd .wijmo-wijgrid-innercell {
  padding: 8px;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-table .wijgridtd .wijmo-wijgrid-innercell a:hover {
  color: #236093;
  text-decoration: none;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-table .ui-state-hover a {
  color: #236093;
  text-decoration: none;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-table .ui-state-hover a:hover {
  color: #236093;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-table .ui-state-default .ui-icon {
  background-image: none !important;
  width: 12px !important;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-table .custom_cell_highlight .ui-icon {
  background-image: none !important;
  width: 12px !important;
  margin-right: 3px;
}

.wijmo-wijpager .ui-list .ui-icon-seek-end {
  margin: 2px;
}

.wijmo-wijgrid-footer span.ui-icon {
  background-image: none !important;
  text-indent: 2px !important;
}

.wijmo-wijgrid-footer .ui-icon-seek-first, .wijmo-wijgrid-footer .ui-icon-seek-end {
  width: 30px;
  color: #236093 !important;
}

.wijmo-wijgrid-footer .ui-icon-seek-first:hover, .wijmo-wijgrid-footer .ui-icon-seek-end:hover {
  color: #236093 !important;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-footer ul li a:hover, #CMFund_HoldingResearch_Gridview .wijmo-wijgrid-footer ul li span:hover {
  color: #236093 !important;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-footer .ui-state-hover {
  background-color: #fff;
  color: #236093 !important;
}

#CMFund_HoldingResearch_Gridview .ui-widget-content td {
  border: none !important;
  border-bottom: none !important;
}

.ui-widget-content {
  border: none;
  background: none;
}

.custom_cell_highlight {
  background: #ccc !important;
}

#CMFund_HoldingResearch_PageSettings .ui-widget-content, #CMFund_HoldingResearch_PageSettings .ui-state-default {
  background: none !important;
  border: none !important;
}

#cmHoldingsResearchForm #CMFund_HoldingResearch_PageSettings ul li.ui-state-hover {
  background-color: #fff;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijgrid-footerrow {
  display: none;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijsuperpanel-header .ui-state-default {
  box-shadow: none !important;
  border: 1px solid;
  border-color: #ccc;
}

#CMFund_HoldingResearch_Gridview .wijmo-wijsuperpanel-header .ui-widget-content .ui-icon {
  width: 12px !important;
}

#cmHoldingsResearchForm .holdingResearch_gridviewheaderungrouptext {
  float: left;
  width: 330px;
}

.cmHoldingsResearchForm_fundDetailsDialog {
  border: none !important;
  width: 600px !important;
}

.cmHoldingsResearchForm_fundDetailsDialog #fundDetailsDialog {
  border: none;
}

.CMFund_HoldingResearch_PaginationContainer {
  background: #E8E8E8;
  padding: 9px;
  float: right;
  width: 85%;
  max-width: 1050px;
}

#CMFund_HoldingResearch_PageSettings {
  float: left;
}

#CMFund_HoldingResearch_PageDetail {
  float: right;
}

.wijmo-wijgrid-dnd-arrow-top, .wijmo-wijgrid-dnd-arrow-bottom {
  position: absolute !important;
}

#Fund_HoldingsResearch_disclaimer {
  float: left;
  padding: 10px 0 0;
}

.cmHoldingsResearchForm_BalanceAsOfDateModal .buttonclosemodal {
  background: transparent url("../images/icon_close.png") no-repeat scroll 0 5px;
  border-bottom: medium none;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 24px;
}

.cmHoldingsResearchForm_BalanceAsOfDateModal .CMGlobal_CAGridViewMaster_gridviewheader {
  border-bottom: 1px solid #a2a4a3;
  font-weight: bold;
  padding: 5px 10px;
}

.cmHoldingsResearchForm_BalanceAsOfDateModal .wijgridtd {
  border: none !important;
  border-bottom: 1px solid #a2a4a3 !important;
  padding: 5px 10px;
}

.cmHoldingsResearchForm_BalanceAsOfDateModal .CMGlobal_Modal_content {
  padding: 5px 12px;
}

.CMFund_HoldingResearch_customizecolumns_errormessage,
.CM_HoldingSearch_NoAccount {
  color: #666;
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px;
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

#ExactMatchDialog_buttons .buttonclose:hover {
  font-size: 13px;
}

#CMBatchTrade_ControlPanelFieldSet {
  background: #FFFFFF;
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}

#CMBatchTrade_OrderRequestBasket {
  float: left;
  width: 100%;
  padding: 0;
}

#CMBatchTrade_ControlPanelHeader {
  clear: both;
  float: left;
  width: 100%;
  margin-left: -20px;
}

#CMBatchTrade_ControlPanelBody {
  clear: both;
  width: 100%;
}

#CMTrade_BatchTrade_innerContainer {
  padding: 10px;
}

#CMBatchtrade_ButtonAddBox {
  float: right;
  padding: 0 10px;
  width: auto;
}

.CMBatchTrade_accountsbox, .CMBatchTrade_fundsbox, .CMBatchTrade_tradetypebox {
  float: left;
  padding: 0 10px 0 0;
}

.CMBatchTrade_ControlPanelFieldSet_header {
  font-size: 13px;
  font-weight: bold;
  text-transform: none;
}

#CMBatchTrade_Accounts_header {
  float: left;
  padding: 0 0 0px 1px;
}

.CMBatchTrade_ControlPanelFieldSet_drop {
  clear: both;
  float: left;
  padding: 6px 0;
}

#ctl00_cph_ucBatchTradeControlPanel_dvOptions {
  width: 100% !important;
}

#CMBatchTrade_AccountFieldSet {
  display: inline;
  float: left;
  height: 135px;
  margin: 0 0.5% 0 0.9%;
  vertical-align: top;
  width: 28%;
}

.CMBatchTrading_BTPannel_lblAccountName {
  display: none;
}

#CMBatchTrade_BankFieldSet, #CMBatchTrade_FundFieldSet {
  float: left;
  height: 135px;
  margin: 0;
  vertical-align: top;
  width: 34%;
}

.CMBatchTrade_fieldsetbox_entrylabel {
  display: inline;
  float: left;
  margin: 0 10px 0 0;
}

#CMBatchTrade_AmountFieldSet {
  float: left;
  height: 135px;
  margin: 0 0.9% 0 0.5%;
  vertical-align: top;
  width: 31.6%;
}

.CMBatchTrade_fieldsetbox {
  font-weight: bold;
  height: 25px;
  padding: 5px;
  display: inline;
}

.CMBatchTrade_fieldsetbox_entrybox {
  clear: both;
  float: left;
  padding: 2px 0 0 5px;
  width: 100%;
}

.CMBatchTrade_amount_tradedate {
  display: inline;
  float: left;
  padding: 5px;
  width: 100px;
}

.CMBatchTrade_amount_amount {
  display: inline;
  float: left;
  padding: 5px;
  width: 100px;
}

#CMBatchTrade_fieldsetbox_CurrencyCode {
  float: right;
  padding: 5px 0 0 0;
}

.CMBatchTrade_fieldsetbox_entry {
  clear: both;
  float: left;
  padding: 2px 0 0 0;
  width: 100%;
}

.CMBatchTrade_fieldsetbox_entrydata {
  float: left;
  font-weight: normal;
}

#CMBatchTrade_fieldsetbox_entryamount, #CMBatchTrade_fieldsetbox_entryshares {
  display: inline;
  float: left;
  margin: 0 5px 0 0;
}

#CMBatchTrade_fieldsetbox_entryamount input, #CMBatchTrade_fieldsetbox_entryshares input {
  background-image: none !important;
  width: 150px;
}

.CMBatchTrade_fieldsetbox_entryfulllabel {
  float: left;
  padding: 5px 0 0;
  width: 100px;
}

.CMBatchTrade_fieldsetbox_entryfullcheckbox {
  float: left;
  margin: 4px 5px 0 5px;
}

a.CMBatchTrade_buttonadd {
  font-size: 12px;
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  padding: 1em 2em;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  margin-left: 10px;
  border-radius: 0;
  text-decoration: none !important;
  border: none;
  text-transform: uppercase;
}

a.CMBatchTrade_buttonadd:hover, a.CMBatchTrade_buttonadd:focus, a.CMBatchTrade_buttonadd:active, a.CMBatchTrade_buttonadd.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  text-decoration: none;
}

a.CMBatchTrade_buttonadd[disabled] {
  opacity: 0.5;
}

a.CMBatchTrade_buttonadd[disabled]:hover {
  background: #236093;
}

a.CMBatchTrade_buttoncancel {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  margin-right: 10px;
}

a.CMBatchTrade_buttoncancel:hover, a.CMBatchTrade_buttoncancel:focus {
  background: #236093;
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
}

a.CMBatchTrade_buttonprocessall {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  margin-right: 10px;
  margin-top: 10px;
  text-align: center;
  float: right;
}

a.CMBatchTrade_buttonprocessall:hover, a.CMBatchTrade_buttonprocessall:focus, a.CMBatchTrade_buttonprocessall:active, a.CMBatchTrade_buttonprocessall.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
}

a.CMBatchTrade_buttonupdate {
  font-size: 12px;
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  padding: 1em 2em;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  margin-left: 10px;
  border-radius: 0;
  text-decoration: none !important;
  border: none;
}

a.CMBatchTrade_buttonupdate:hover, a.CMBatchTrade_buttonupdate:focus, a.CMBatchTrade_buttonupdate:active, a.CMBatchTrade_buttonupdate.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  text-decoration: none;
}

a.CMBatchTrade_buttonupdate[disabled] {
  opacity: 0.5;
}

a.CMBatchTrade_buttonupdate[disabled]:hover {
  background: #236093;
}

.CMTrade_BatchTrade_asofdate {
  float: right;
  padding: 2px 0 0 0;
}

.CMTrade_BatchTrade_asofdateleft {
  display: block;
}

.CMBatchTrade_showalllink {
  float: left;
  padding-left: 10px;
}

.CMBatchTrade_dropdown_redemptionbank {
  width: 90%;
}

.CMBatchTrade_fieldsetbox_WireInstructionsError .CMBatchTrade_errormessage, .CMBatchTrade_tradeerrorbox .CMBatchTrade_errormessage {
  background: #fff;
  padding: 5px 0;
  border: none;
  color: #b5121b;
  width: 100%;
  float: left;
}

.CMBatchTrade_fieldsetbox_WireInstructionsError .CMBatchTrade_errormessage:empty, .CMBatchTrade_tradeerrorbox .CMBatchTrade_errormessage:empty {
  display: none;
}

.CMBatchTrade_tradeerrorbox {
  float: left;
  width: 85%;
  margin-top: 5px;
}

.CMBatchTrade_accountsbox .dropdown, .CMBatchTrade_fundsbox .dropdown, .CMBatchTrade_tradetypebox .dropdown {
  width: auto !important;
}

.CMBatchTrade_fieldsetbox_space {
  display: none;
}

#CMTrade_BatchTradeConfirmPrinterFriendly .CMGlobal_printerfriendly {
  margin: -45px 0 0 0;
}

#CMBatchTrade_BatchTradeConfirmation_innercontainer .CMBatchTrade_tradeconfirmationtext {
  color: #666;
  background: #fff;
  padding: 2px;
  border: 1px solid #ccc;
  width: 100%;
  float: left;
  min-height: 43px;
  margin: 20px 0;
}

#CMBatchTrade_BatchTradeConfirmation_innercontainer .CMBatchTrade_tradeconfirmationtext:empty {
  display: none;
}

#CMGlobal_introduction .CMBatchTrade_tradeconfirmationtext {
  min-height: 43px;
}

#CMBatchtrade_ButtonAddBox_legalagreementcheckbox input[type="radio"], input[type="checkbox"] {
  margin: 0px 2px 0 !important;
}

/*------------------------Compliance Check------------------------------------*/
#CMBatchTrade_ControlPanelbox {
  clear: both;
  float: left;
}

.CMBatchTrade_buttoncheckcompliance, .CMBatchTrade_buttoncheckcompliance.selected {
  font-size: 12px;
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  margin: 0 0 10px 0;
  padding: 1em 2em;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  float: right;
}

.CMBatchTrade_buttoncheckcompliance:hover {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  margin: 0 0 10px 0;
  padding: 1em 2em;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  text-align: center;
  float: right;
}

.CMBatchTrade_popbox {
  background: #FFF;
  padding: 15px;
  text-align: left;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.CMBatchTrade_popcellheader {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  padding: 0px 10px 10px 10px;
  clear: both;
  float: left;
}

.CMBatchTrade_popcellfooter, #CMBatchTrade_popcelltable, #CMTrade__ComplianceRuleCheck {
  float: left;
}

.CMBatchTrade_popcellfooter {
  padding: 10px;
  clear: both;
}

.CMBatchTrade_modalPopupbuttonboxlarge {
  float: right;
}

#dvCompliance .CMBatchTrade_modalPopuptextlarge {
  text-align: left;
}

#dvCompliance .CMBatchTrade_modalPopuptextlarge span {
  font-size: 12px;
  padding-left: 10px;
}

#CMBatchTrade_fieldsetbox_entryamount_inputasteriskmessage {
  clear: both;
  margin: 5px 0 0 0;
  width: 250px;
}

#CMBatchTrade_popcelllinkbox {
  float: right;
  text-align: right;
}

#CMTrade_BatchTrade #CMBatchTrade_popcelllinkbox .CMBatchTrade_popcelllink {
  background: transparent url(../images/icon_close.png) no-repeat scroll 0 2px;
  padding: 10px;
  border-bottom: none;
  width: 24px;
}

.CMBatchTrade_fieldsetbox_entrydata input {
  background: #fff url("../images/icon_calendar.gif") no-repeat scroll 125px 6px;
  cursor: pointer;
  font-size: 12px;
  margin: 0;
  width: 150px;
}

#dvCompliance .complianceValidationMessageWarning {
  background: #fff;
  padding: 5px 0;
  border: none;
  color: #b5121b;
  width: 100%;
  float: left;
}

#dvCompliance .complianceValidationMessageError {
  background: #fff;
  padding: 5px 0;
  border: none;
  color: #b5121b;
  width: 100%;
  float: left;
}

#dvCompliance .CancelButtonPrimary {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  padding: 15px 30px !important;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  border: none;
  font-weight: bold;
  margin: 10px 5px;
}

#dvCompliance .CancelButtonPrimary:hover, #dvCompliance .CancelButtonPrimary:focus, #dvCompliance .CancelButtonPrimary:active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0px;
  padding: 15px 30px;
  font-size: 12px;
  color: #fff !important;
  border: none !important;
}

.CMTrade__ComplianceRuleCheck_columnheaderfundpendingbalance, .CMTrade_ComplianceRuleCheck_columnheadertotalpendingbalance, .CMTrade_ComplianceRuleCheck_columnheadervalue {
  text-align: right;
}

/*------------------------batch trade modal popup-----------------------------*/
.CMBatchTrade_modalPopup {
  background: #fff;
  margin: 0 auto;
  padding: 10px;
  width: 622px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  background: #fff;
  height: auto !important;
  overflow: hidden;
}

.CMTrade_BatchTrade_Modal_headertitle {
  color: #fff;
  float: left;
  font-weight: bold;
  margin: 8px 0 0 9px;
}

.CMBatchTrade_modalPopuptextlarge {
  color: #565a5c;
  font-size: 13px;
  padding: 5px;
  text-align: center;
  float: left;
  width: 100%;
}

.CMBatchTrade_modalPopupbuttonboxlarge {
  padding: 5px 10px 3px 0;
  margin: 0 auto;
  text-align: center;
}

.CMBatchTrade_modalPopupbuttonboxlarge .buttoncontinue {
  float: right;
  margin-left: 10px;
  border-radius: 0;
}

.CMBatchTrade_modalPopupbuttonboxlarge .buttoncontinue:hover {
  float: right;
}

#CMBatchTrade_dvModalPopup {
  text-align: center;
  width: 100%;
}

.CMBatchTrade_modalPopupbuttonbox {
  padding: 10px 5px 5px 0px;
  text-align: right;
  border-radius: 0;
}

.CMBatchTrade_modalPopupbuttonbox div {
  display: inline;
}

.CMBatchTrade_DeleteTradeMessage {
  padding: 8px 0;
}

#CMBatchTrade_processorderbox {
  background: #fff;
  border: 1px solid #555;
  margin: 0 auto;
  padding: 10px;
  width: 600px;
}

.CMBatchTrade_processorderheader {
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
}

.CMBatchTrade_processorderimage {
  background: url(../images/ajaxloader.gif) center center no-repeat;
  padding: 5px 0;
  text-align: center;
}

.CMBatchTrade_processordertext {
  font-size: 13px;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
}

#CMBatchTrade_OrderRequestBasket .CMGlobal_modalPopup {
  min-height: 120px;
  float: inherit;
}

.CMBatchTrade_modalPopup .CMGlobal_errormessage {
  font-size: 13px;
  background-color: #fff;
  color: #565a5c;
  padding: 10px;
  margin-bottom: 10px !important;
}

#CMTrade .CMGlobal_Modal_headerclosebutton input {
  background: transparent url(../images/icon_Close.png) no-repeat 0 0;
  border: none;
  height: 24px;
  width: 24px;
  position: relative;
}

.CMTrade_BatchTrade_Modal_content {
  float: left;
  width: 100%;
}

.CMBatchTrade_modalPopupButtonDelete, .CMBatchTrade_modalPopupButtonAllYes {
  float: right;
  margin-left: 10px;
  border-radius: 0;
}

/*------------------------End : batch trade modal popup-----------------------------*/
/*------------------------Batch Trade Basket----------------------------------------*/
#CMBatchTrade_OrderRequestBasket {
  float: left;
  width: 100%;
}

#CMBatchTrade_tradetop {
  float: left;
  padding: 0 10px;
  width: 100%;
  display: none;
}

#CMBatchTrade_ControlPanelBody {
  padding-top: 0;
}

#CMBatchTrade_OrderRequestBasket_GridView {
  float: left;
  margin: 0 0 10px 0;
  width: 100%;
}

.CMBatchTrade_GridViewMaster {
  clear: both;
  float: left;
  margin: 0;
  width: 100%;
}

.CMBatchTrade_accounttop {
  border-bottom: 0px solid #c5c5c5;
  float: left;
  padding: 20px 10px;
  width: 100%;
  background: #fff;
  border-top: 2px solid #666;
}

.CMBatchTrade_GridViewSub {
  clear: both;
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}

.CMGlobal_GridView_alttablerow td {
  background: none;
}

.CMBatchTrade_GridViewSub tr th {
  background: #fff;
  border-bottom: 3px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  font-weight: bold;
  padding: 7px;
  text-decoration: none !important;
  vertical-align: bottom;
}

.CMGlobal_tableColumnHeaderLeft, .CMGlobal_tableColumnLeft {
  text-align: left;
  border-bottom: 1px solid #a2a4a3;
}

.CMGlobal_tableColumnHeaderCenter, .CMGlobal_tableColumnCenter {
  text-align: center;
  border-bottom: 1px solid #a2a4a3;
}

.CMGlobal_tableColumnHeaderRight, .CMGlobal_tableColumnRight {
  text-align: right;
  border-bottom: 1px solid #a2a4a3;
}

.CMBatchTrade_basketbutton {
  background: transparent;
  border: none;
  color: #236093;
  cursor: pointer;
  font-family: CitiSans, arial, helvetica, sans-serif;
  border-bottom: 0px solid #fff;
  text-decoration: none;
}

.CMBatchTrade_basketbutton:hover {
  color: #236093;
  border-bottom: 0 solid #236093;
  text-decoration: none;
}

#CMBatchtrade_ButtonAddBox_legalagreement {
  width: 550px;
  float: left;
}

#CMBatchtrade_ButtonAddBox_legalagreementcheckbox {
  float: left;
  margin-left: -15px;
}

/*------------------------End : Batch Trade Basket----------------------------------------*/
/*-----------------------Calendar Control--------------------------------------------------*/
.calendar {
  background: #FFFFFF;
  cursor: default;
  float: left;
  top: 353px !important;
  left: 64% !important;
  width: 329px !important;
  border: 1px solid #d2d2d2;
  height: 225px !important;
}

.title {
  padding: 5px 0;
  font-weight: bold;
  font-size: 13px;
}

.calendar td {
  margin: 5px;
}

.month {
  border-collapse: separate;
  border-spacing: 15px 0px;
  margin: 0 3px 5px 3px;
}

.month td, CMGlobal_CACalendardayactive {
  padding: 5px 7px;
}

.dayheader {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}

.day {
  cursor: pointer;
  text-align: center;
}

.dayhover {
  cursor: pointer;
  background-color: #236093;
  color: #FFFFFF;
  text-align: center;
}

.CMGlobal_CAcalendartodayday {
  background-color: #236093;
  color: #FFFFFF;
}

.disabledday, .othermonthday {
  color: #E6E6E6;
}

.CMGlobal_CAcalendaroutofrangeday, .CMGlobal_CAcalendaroutofrangedayhover, .CMGlobal_CAcalendarweekenddayhover {
  color: #E6E6E6;
  background: #FFFFFF;
  text-align: center;
  cursor: default;
  font-style: normal;
}

.selectedday {
  background: #236093 !important;
  color: #FFFFFF !important;
}

.CMGlobal_CAcalendarselectedday, .CMGlobal_CAcalendarselecteddayhover {
  background-color: #236093 !important;
  color: #FFFFFF;
  cursor: pointer;
  text-align: center;
}

.selector {
  display: none;
}

/*-----------------------End : Calendar Control-------------------------------------*/
/*-----------Batch Trade Confirmation Page -----------------------------------------*/
#CMBatchTrade_TradeConfirmGridViewBorder .CMBatchTrade_maintablealttrow {
  background: #f1f2f2;
}

#CMBatchTrade_TradeConfirmGridViewBorder .CMBatchTrade_maintablelightrow {
  background: #fff;
}

.CMBatchTrade_maintablelightrow td {
  border-bottom: none;
  border-right: none;
  background-color: #fff;
  padding: 8px;
}

.CMBatchTrade_maintablealttrow td {
  border-bottom: none;
  border-right: none;
  background: #f1f2f2;
  padding: 8px;
}

#CMGlobal_introduction .CMBatchTrade_tradeconfirmationtext {
  background: #fff;
  padding: 2px;
  border: 1px solid #ccc;
  color: #666;
  width: 100%;
  float: left;
}

#CMGlobal_introduction .CMBatchTrade_tradeconfirmationtext:empty {
  display: none;
}

.CMBatchTrade_OrderRequestBasket_GridView_columndescription {
  width: 250px;
}

.CMBatchtrade_ButtonAddBox_disclaimer {
  float: left;
  padding: 0 10px;
}

.CMBatchtrade_ButtonAddBox_disclaimercheckbox {
  float: left;
}

.CMBatchtrade_ButtonAddBox_disclaimerlabel {
  float: left;
  padding-left: 5px;
  margin-right: 20px;
}

#CMBatchtrade_ButtonAddBox_AvailableBalance {
  float: left;
  margin: 0 0.5% 0% 0%;
  vertical-align: top;
  width: 28%;
}

.CMBatchTrade_nobankmessage {
  color: #b5121b !important;
}

/*-----------End : Batch Trade Confirmation Page -----------------------------------------*/
/*-----------End : Batch Trade Confirmation Page -----------------------------------------*/
/*---------Batch Trade Glocbal message -----------------*/
#dvValidationResult .mainPass:before, #dvValidationResult .mainFail:before, #dvValidationResult .mainWarn:before, #dvValidationResult .subPass:before, #dvValidationResult .subWarn:before, #dvValidationResult .subFail:before, #CMBatchTrade_TradeConfirmGridViewBorder .mainPass:before, #CMBatchTrade_TradeConfirmGridViewBorder .mainFail:before, #CMBatchTrade_TradeConfirmGridViewBorder .mainWarn:before, #CMBatchTrade_TradeConfirmGridViewBorder .subPass:before, #CMBatchTrade_TradeConfirmGridViewBorder .subWarn:before, #CMBatchTrade_TradeConfirmGridViewBorder .subFail:before, #dvBasketValidationResult .mainPass:before, #dvBasketValidationResult .mainFail:before, #dvBasketValidationResult .mainWarn:before, #dvBasketValidationResult .subPass:before, #dvBasketValidationResult .subWarn:before, #dvBasketValidationResult .subFail:before {
  font-family: 'Material Icons';
  font-size: 21px;
  margin-right: 8px;
  top: -6px;
  position: relative;
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}

#dvValidationResult .mainPass, #dvValidationResult .mainWarn, #dvValidationResult .mainFail, #CMBatchTrade_TradeConfirmGridViewBorder .mainPass, #CMBatchTrade_TradeConfirmGridViewBorder .mainWarn, #CMBatchTrade_TradeConfirmGridViewBorder .mainFail, #dvBasketValidationResult .mainPass, #dvBasketValidationResult .mainWarn, #dvBasketValidationResult .mainFail {
  color: white !important;
  padding: 8px;
  border-radius: 16px;
}

#dvValidationResult .mainPass, #CMBatchTrade_TradeConfirmGridViewBorder .mainPass, #dvBasketValidationResult .mainPass {
  background: green;
}

#dvValidationResult .mainWarn, #CMBatchTrade_TradeConfirmGridViewBorder .mainWarn, #dvBasketValidationResult .mainWarn {
  background: orange;
}

#dvValidationResult .mainFail, #CMBatchTrade_TradeConfirmGridViewBorder .mainFail, #dvBasketValidationResult .mainFail {
  background: red;
}

#dvValidationResult .subPass, #CMBatchTrade_TradeConfirmGridViewBorder .subPass, #dvBasketValidationResult .subPass {
  color: green !important;
}

#dvValidationResult .subWarn, #CMBatchTrade_TradeConfirmGridViewBorder .subWarn, #dvBasketValidationResult .subWarn {
  color: orange;
}

#dvValidationResult .subFail, #CMBatchTrade_TradeConfirmGridViewBorder .subFail, #dvBasketValidationResult .subFail {
  color: red !important;
}

#dvValidationResult .mainPass:before, #dvValidationResult .subPass:before, #CMBatchTrade_TradeConfirmGridViewBorder .mainPass:before, #CMBatchTrade_TradeConfirmGridViewBorder .subPass:before, #dvBasketValidationResult .mainPass:before, #dvBasketValidationResult .subPass:before {
  content: 'check_circle';
}

#dvValidationResult .mainWarn:before, #dvValidationResult .subWarn:before, #CMBatchTrade_TradeConfirmGridViewBorder .mainWarn:before, #CMBatchTrade_TradeConfirmGridViewBorder .subWarn:before, #dvBasketValidationResult .mainWarn:before, #dvBasketValidationResult .subWarn:before {
  content: 'warning';
}

#dvValidationResult .mainFail:before, #dvValidationResult .subFail:before, #CMBatchTrade_TradeConfirmGridViewBorder .mainFail:before, #CMBatchTrade_TradeConfirmGridViewBorder .subFail:before, #dvBasketValidationResult .mainFail:before, #dvBasketValidationResult .subFail:before {
  content: 'report';
}

#CMBatchTrade_TradeConfirmGridViewBorder .subWarn:before, #CMBatchTrade_TradeConfirmGridViewBorder .subFail:before, #CMBatchTrade_TradeConfirmGridViewBorder .subPass:before {
  top: 6px;
}

.CMBatchTrade_modalPopupcontent {
  display: inline-flex;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
}

.CMBatchTrade_modalPopupcontent_displaytext {
  color: black !important;
  font-weight: normal;
  text-align: left;
  width: 80%;
  font-size: 13px !important;
}

.CMBatchTrade_modalPopupcontent_status {
  width: 8%;
}

/*.CMBatchTrade_modalPopupcontent_actual_block {
    display: none;
}

.CMBatchTrade_modalPopupcontent_actual_warn {
    display: none;
}*/
.CMTrade_BatchTrade_Modal_headertitle_override {
  color: #666666;
  margin-left: 0px !important;
  font-size: 14px;
}

.CMTrade_BatchTrade_Modal_content_override {
  clear: both;
  padding-top: 10px;
  width: 100% !important;
}

.CMTrade_BatchTrade_Modal_header_override {
  width: 100% !important;
}

.CMBatchTrade_modalPopuptextlarge_override {
  padding-bottom: 38px;
  padding-top: 0px;
  width: 100%;
}

.CMTrade_BatchTrade_Modal_column_header1 {
  width: 85%;
  color: #666666;
  font-weight: bold;
}

/*.CMTrade_BatchTrade_Modal_column_header2 {
    display: none;
}*/
.CMBatchTrade_modalPopup_override {
  width: 660px !important;
  max-width: 85%;
}

.CMBatchTrade_modalPopup_footer_text {
  display: inline-block;
  max-width: 77%;
  font-style: italic;
  float: left;
}

.buttonprimary_override {
  margin-top: 0 !important;
  margin-left: 18px !important;
  margin-right: 0px !important;
}

.CMBatchTrade_popcelllinkbox_override {
  margin-top: 3px !important;
}

.buttoncontinue_override {
  float: right;
  margin-left: 10px;
}

#CMBankProducts_BatchTrading_TermAndConditionConfirmationModal {
  overflow-y: auto;
  max-height: 650px;
}

/* --------------------------------------------------------------------------------------------*/
/* ----------------->>> BATCH TRADING - Dual Authorization Approval/Report <<<-----------------*/
/* --------------------------------------------------------------------------------------------*/
#CMTrade {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  padding: 0 0 30px 0;
  background: transparent;
}

#CMTrade_DualAuthorizationApproval #CMGlobal_introductioncontent {
  color: #666;
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px;
}

#CMTrade_DualAuthorizationApproval #CMGlobal_introductioncontent:empty {
  display: none;
}

#CMTrade_DualAuthorizationApproval #CMGlobal_introductiontoolbox {
  margin: -53px 0 0 0;
  width: 232px;
}

#CMTrade_DualAuthorizationApproval_Subportlet_searchtransactions {
  border: 1px solid #CCCCCC;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #ffffff;
  border-left: none;
  float: left;
  margin: 10px 0 0;
  width: 1200px;
}

#CMTrade_DualAuthorizationApproval_DualAuthorizationQueueFilter {
  float: left;
  width: 100%;
}

#CMTrade_DualAuthorizationApproval_filterbox {
  float: left;
  clear: both;
}

#CMTrade_DualAuthorizationApproval_statusheader, #CMTrade_DualAuthorizationApproval_statusdrop, #CMTrade_DualAuthorizationApproval_statussubmit {
  float: left;
}

#CMTrade_DualAuthorizationApproval_statussubmit {
  clear: both;
  margin: 10px 0 0;
}

#CMTrade_DualAuthorizationApproval_statusdrop {
  clear: left;
  margin: 0px 10px 8px 0px;
}

#CMTrade_DualAuthorizationApproval_statussubmit a {
  font-size: 12px;
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  color: #fff;
  font-weight: bold;
  float: left;
  text-align: center;
  padding: 1em 2em;
  height: auto;
  border-radius: 0;
  text-decoration: none !important;
  text-transform: uppercase;
  border: none;
}

#CMTrade_DualAuthorizationApproval_statussubmit a:hover, #CMTrade_DualAuthorizationApproval_statussubmit a:focus, #CMTrade_DualAuthorizationApproval_statussubmit a:active, #CMTrade_DualAuthorizationApproval_statussubmit a.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  text-decoration: none;
}

#CMTrade_DualAuthorizationApproval .CMGlobal_errormessage {
  background: #fff;
  color: #b5121b;
  padding: 5px 0;
}

#CMTrade_DualAuthorizationApproval_subportletheader {
  float: left;
  text-align: left;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
}

#CMTrade_DualAuthorizationApproval_subportletdisplaynumbers {
  font-weight: bold;
  float: left;
}

.CMTrade_DualAuthorizationApproval_gridview_noresutlsmessage {
  text-align: left;
  font-size: 13px;
  font-family: CitiSans, arial, helvetica, sans-serif;
}

#CMTrade_DualAuthorizationApproval_DualAuthorizationQueue .CMGlobal_CAGridViewMaster tr td {
  padding: 8px;
}

.CMTrade_DualAuthorizationApproval_gridview_columnheaderamount div table td, .CMTrade_DualAuthorizationApproval_gridview_columnamount div {
  text-align: right !important;
}

#CMTrade_DualAuthorizationApproval_DualAuthorizationQueue .CMGlobal_CAGridViewMaster_gridviewfooter table tr td:nth-of-type(2) {
  float: right;
}

#dvConfirmAction .CMBatchTrade_modalPopupbuttonboxlarge .buttoncontinue, #modalPopupContainerDiv #dvConfirmAction .CMBatchTrade_modalPopupbuttonboxlarge .buttoncontinue {
  float: right;
  margin-left: 10px;
  background: url(../images/button_yes.png) left 0 no-repeat;
  width: 83px;
  height: 31px;
  border: none;
}

#dvConfirmAction .CMBatchTrade_modalPopupbuttonboxlarge .buttoncontinue:hover, #modalPopupContainerDiv #dvConfirmAction .CMBatchTrade_modalPopupbuttonboxlarge .buttoncontinue:hover {
  background: url(../images/button_yes.png) left 0 no-repeat;
}

#modalPopupContainerDiv #dvConfirmAction .CMBatchTrade_modalPopupbuttonboxlarge .buttoncancel,
#modalPopupContainerDiv #dvConfirmAction .CMBatchTrade_modalPopupbuttonboxlarge .buttoncancel {
  float: right;
  margin-left: 10px;
  background: url(../images/button_cancel.png) left 0 no-repeat;
  width: 110px;
  border: none !important;
  padding: 1.2em 2em;
  height: 31px;
  border: none;
}

#modalPopupContainerDiv #dvConfirmAction .CMBatchTrade_modalPopupbuttonboxlarge .buttoncancel:hover,
#modalPopupContainerDiv #dvConfirmAction .CMBatchTrade_modalPopupbuttonboxlarge .buttoncancel:hover {
  background: url(../images/button_cancel.png) left 0 no-repeat;
}

#modalPopupContainerDiv #dvCompliance .CMBatchTrade_modalPopupbuttonboxlarge .buttoncontinue, #modalPopupContainerDiv #dvCompliance .CMBatchTrade_modalPopupbuttonboxlarge .buttoncontinue {
  float: left;
  margin-left: 10px;
  background: url(../images/button_continue.png) left 0 no-repeat;
  width: 126px;
  height: 31px;
  border: none;
}

#modalPopupContainerDiv #dvCompliance .CMBatchTrade_modalPopupbuttonboxlarge .buttoncancel, #modalPopupContainerDiv #dvCompliance .CMBatchTrade_modalPopupbuttonboxlarge .buttoncancel {
  float: right;
  margin-left: 10px;
  background: url(../images/button_cancel.png) left 0 no-repeat;
  width: 110px;
  border: none !important;
  padding: 1.2em 2em;
  height: 31px;
  border: none;
}

#modalPopupContainerDiv #dvConfirmAction .CMTrade_BatchTrade_Modal_content .buttonok {
  float: right;
  margin-left: 10px;
  background: url(../images/button_ok.png) left 0 no-repeat;
  width: 70px;
  border: none !important;
  padding: 1.2em 2em;
}

.CMTrade_BatchTrade_Modal_content #dvGeneralError .CMBatchTrade_modalPopuptextlarge {
  min-height: 50px;
}

#dvTermsCondition {
  float: left;
  overflow-y: auto;
  max-height: 650px;
}

#dvTermsCondition .CMBatchTrade_modalPopuptextlarge {
  text-align: left;
}

#dvTermsCondition #btnCancelTermsCondition {
  margin-left: 10px;
  background: url(../images/button_cancel.png) left 0 no-repeat;
  width: 110px;
  border: none !important;
  padding: 1.2em 2em;
  height: 31px;
  border: none;
}

#dvTermsCondition #btnContinueTermsCondition {
  float: left;
  margin-left: 10px;
  background: url(../images/button_continue.png) left 0 no-repeat;
  width: 126px;
  border: none !important;
  padding: 1.2em 2em;
  height: 31px;
  border: none;
}

#dvAvailableBalance {
  float: left;
}

#dvAvailableBalance .buttoncontinue {
  float: left;
  margin: 0;
  background: url(../images/button_continue.png) left 0 no-repeat;
  width: 126px;
  border: none !important;
  padding: 1.2em 2em;
  height: 31px;
  border: none;
}

#dvAvailableBalance .buttoncancel {
  margin-left: 10px;
  background: url(../images/button_cancel.png) left 0 no-repeat;
  width: 110px;
  border: none !important;
  padding: 1.2em 2em;
  height: 31px;
  border: none;
}

#dvGeneralError .CMBatchTrade_modalPopupbuttonboxlarge .buttonok {
  background: url(../images/button_ok.png) no-repeat 0 0;
  border: none;
  float: right;
  margin-bottom: 0;
  width: 77px;
}

#lblTermsConditionMessage {
  font-weight: normal;
}

#dualAuthQueueGrid .ag-theme-fresh .ag-header {
  min-height: 108px !important;
  height: 108px !important;
}

#dualAuthQueueGrid .ag-theme-fresh .ag-header-row {
  height: 108px !important;
  display: flex;
  justify-content: flex-start;
}

#dualAuthQueueGrid .ag-theme-fresh .ag-header-cell, #dualAuthQueueGrid .ag-theme-fresh .ag-header-group-cell {
  left: auto !important;
  position: relative !important;
}

#dualAuthQueueGrid .ag-theme-fresh .ag-header-cell-label {
  line-height: 1.42857;
}

#dualAuthQueueGrid .ag-theme-fresh .ag-row-no-animation .ag-row {
  display: flex;
  justify-content: flex-start;
}

#dualAuthQueueGrid .ag-theme-fresh .ag-ltr .ag-cell {
  left: auto !important;
  position: relative !important;
}

#dualAuthQueueGrid .ag-theme-fresh .ag-header-cell-label {
  justify-content: flex-start;
}

#dualAuthQueueGrid .ag-theme-fresh .ag-header-cell-label .ag-header-cell-text {
  white-space: normal;
  text-overflow: initial;
  word-wrap: break-word;
  word-break: break-word;
}

#dualAuthQueueGrid .ag-theme-fresh .ag-header-cell-label > span {
  text-align: left;
}

#dualAuthQueueGrid .ag-theme-fresh .ag-cell {
  white-space: normal;
  text-overflow: initial;
  word-wrap: break-word;
  word-break: break-word;
  text-align: left;
  line-height: 1.42857;
}

#dualAuthQueueGrid .ag-theme-fresh .ag-icon-asc, #dualAuthQueueGrid .ag-theme-fresh .ag-icon-desc {
  height: 15%;
  width: 8px !important;
}

#dualAuthQueueGrid .ag-theme-fresh .cmdatagrid-approve-reject-container .disabledButton {
  color: #999;
}

#dualAuthQueueGrid .ag-theme-fresh .cmdatagrid-approve-reject-container button {
  background: none !important;
  border: none;
  padding: 0 !important;
  color: #236093;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 0px solid #fff;
}

#dualAuthQueueGrid .ag-theme-fresh .cm-datagrid-DualAuthQueue-header-requesterinfo, #dualAuthQueueGrid .ag-theme-fresh .cm-datagrid-DualAuthQueue-requesterinfo {
  width: 94px !important;
}

#dualAuthQueueGrid .ag-theme-fresh .cm-datagrid-DualAuthQueue-header-approvalinfo, #dualAuthQueueGrid .ag-theme-fresh .cm-datagrid-DualAuthQueue-approvalinfo {
  width: 94px !important;
}

#dualAuthQueueGrid .ag-theme-fresh .cm-datagrid-DualAuthQueue-header-transactiontype, #dualAuthQueueGrid .ag-theme-fresh .cm-datagrid-DualAuthQueue-transactiontype {
  width: 85px !important;
}

#dualAuthQueueGrid .ag-theme-fresh .cm-datagrid-DualAuthQueue-header-settlementdate, #dualAuthQueueGrid .ag-theme-fresh .cm-datagrid-DualAuthQueue-settlementdate {
  width: 100px !important;
}

#dualAuthQueueGrid .ag-theme-fresh .CMDataGrid_DualAuthQueuePage_DualAuthQueueSearchResults_approvereject_header, #dualAuthQueueGrid .ag-theme-fresh .CMDataGrid_DualAuthQueuePage_DualAuthQueueSearchResults_approvereject_link {
  width: 70px !important;
}

#dualAuthQueueGrid .cm-datagrid-nodata {
  float: left;
  position: relative;
  top: -77px;
  left: 20px;
  padding: 2px;
  width: 98%;
  border: 1px solid #ccc;
}

/*---------Future dated Trade------------*/
#CMAccount_FutureDatedTrades_data {
  float: left;
  padding: 10px;
  width: 100%;
}

#CMAccount_FutureDatedTrades_dataheaderbox {
  font-size: 17px;
  padding: 0 0 10px;
}

#dvNoTrades {
  margin: 15px 0;
}

#CMAccount_FutureDatedTrades_dataaccounts .CMGlobal_CAGridViewMaster_gridviewheadingtext, #CMAccount_FutureDatedTrades_dataaccounts .CMGlobal_CAGridViewMaster_gridviewdatacell {
  padding: 3px 5px 3px 10px !important;
}

#CMAccount_FutureDatedTrades #CMGlobal_introductiontoolbox_downloadlinktext, #CMAccount_FutureDatedTrades_searchbox {
  display: none;
}

/*--------------End : Future dated trade-------------------*/
/*--------------Todays trade page--------------------*/
#CMAccount_TodaysTrades {
  float: left;
  max-width: 1280px;
  width: 100%;
}

/*--------------Todays Trade Grid-----------------*/
#CMAccount_TodaysTrades_data {
  float: left;
  width: 100%;
}

#CMAccount_TodaysTrades_dataheaderbox .CMAccount_TodaysTrades_dataheader {
  padding: 0;
  padding-left: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
}

#CMAccount_TodaysTrades_dataaccounts {
  float: left;
  width: 100%;
}

#CMAccount_TodaysTrades_BPTradesMainheader {
  color: #666;
  background: #FFFFFF;
  float: left;
  font-weight: bold;
  padding: 10px;
  width: 100%;
  border-top: 1px solid #ccc;
}

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

td.CMAccount_TodaysTrades_TradesMainList_gridview_columnheader_amount tr td {
  text-align: center !important;
}

td.CMAccount_TodaysTrades_TradesMainList_gridview_column_amount div {
  text-align: right !important;
}

#CMAccount_TodaysTrades_dataaccounts .CMGlobal_CAGridViewMaster_gridviewdatacell {
  padding: 7px !important;
}

#CMAccount_TodaysTrades_searchbox {
  display: none;
}

.CMAccount_TodaysTrades_TradesMainList_gridview .CMAccount_TodaysTrades_TradesMainList_gridview_columnstatus .CMGlobal_completeIcon {
  float: none;
}

/*-------------End : Todays Trade Grid-----------------*/
/*-------------Todays Trade Status legend-------------------*/
.CMGlobal_legendlabel {
  float: left;
  padding: 2px 0 0 0;
}

.CMGlobal_pendingIcon {
  color: #311a07;
  float: left;
  font-size: 12px;
  margin: 2px 3px 2px 15px;
}

.CMGlobal_completeIcon {
  color: #009286;
  float: left;
  font-size: 12px;
  margin: 2px 3px 2px 15px;
}

.CMGlobal_confirmedIcon {
  color: #336699;
  float: left;
  font-size: 12px;
  margin: 2px 3px 2px 15px;
}

.CMGlobal_cancelledIcon {
  color: #ff0000;
  float: left;
  font-size: 12px;
  margin: 2px 3px 2px 15px;
}

#CMAccount_TodaysTrades .CMAccount_AccountMain_accountinformation_links {
  display: none;
}

.CMAccount_TodaysTrades_TradesMainList_gridview_columnheaderstatus td.CMGlobal_CAGridViewMaster_gridviewheadingtext,
.CMAccount_TodaysTrades_TradesMainList_gridview_columnstatus div,
.CMAccount_TodaysTrades_TradesMainList_gridview_columnheadersubmitteddate td.CMGlobal_CAGridViewMaster_gridviewheadingtext,
.CMAccount_TodaysTrades_TradesMainList_gridview_columnheader_maturitydate td.CMGlobal_CAGridViewMaster_gridviewheadingtext,
.CMAccount_TodaysTrades_TradesMainList_gridview_column_maturitydate div,
.CMAccount_TodaysTrades_TradesMainList_gridview_columnsubmitteddate div,
.CMAccount_TodaysTrades_TradesMainList_gridview_columnheadertransactiondate .CMGlobal_CAGridViewMaster_gridviewheadingtext,
.CMAccount_TodaysTrades_TradesMainList_gridview_columntransactiondate div {
  text-align: center !important;
}

.CMAccount_TodaysTrades_TradesMainList_gridview_columnstatus span.CMGlobal_pendingIcon {
  float: none;
}

/*-------------End : Todays Trade Status legend-------------------*/
/*---------Todays Trade Settlement Instruction Summary -----------*/
#CMAccount_TodaysTrades #divWireInstruction {
  float: left;
  margin: 0;
  width: 936px;
  margin-top: 10px;
  width: 100%;
}

#CMAccount_TodaysTrades #divWireInstruction .Title {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 10px;
}

#CMAccount_TodaysTrades #divWireInstruction .Data {
  overflow: hidden;
}

#CMAccount_TodaysTrades #divWireInstruction .Group {
  float: left;
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
}

#CMAccount_TodaysTrades #divWireInstruction table {
  border-top: 1px solid #999;
  width: 100%;
}

#CMAccount_TodaysTrades #divWireInstruction table tr {
  border-bottom: 1px solid #999;
}

#CMAccount_TodaysTrades #divWireInstruction table tr:last-child {
  border-bottom: none !important;
}

/*----------End : Todays Trade Settlement Instruction Summary-----*/
/*-------------End : Todays Trade Page----------------------------*/
/*------------Todays purchase total------------------------------*/
.TodaysPurchaseTotal_Product {
  font-size: 12px;
  font-weight: bold;
  background: #FFFFFF;
  color: #666;
  width: 100%;
}

#CMAccount_TodaysPurchaseTotal #CMGlobal_introductiontoolbox {
  width: 50px;
}

#CMAccount_TodaysPurchaseTotal .CMGlobal_DownloadCSV {
  display: none;
}

.CMAccount_TodaysPurchaseTotal_ProductRepeater_dvProduct {
  padding: 10px;
  padding-bottom: 20px;
}

#CMAccount_TodaysPurchaseTotal .CMAccount_AccountMain_accountinformation_links, #CMAccount_TodaysPurchaseTotal #CMGlobal_introductiontoolbox_downloadlinktext, #CMAccount_TodaysPurchaseTotal_searchbox {
  display: none;
}

#CMAccount_TodaysPurchaseTotal_searchbox_header {
  font-size: 12px;
  font-weight: bold;
  padding: 10px;
  display: none;
}

#CMAccount_TodaysPurchaseTotal_searchbox_productlabel {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 5px;
}

#CMAccount_TodaysPurchaseTotal_accountamount {
  clear: both;
  float: left;
  font-weight: bold;
  margin: 5px auto 10px;
  padding: 5px;
  text-align: right;
  text-transform: none;
  width: 100%;
  border-bottom: none;
}

.CMAccount_TodaysPurchaseTotal_dataheader {
  color: #666;
  background: #FFFFFF;
  float: left;
  font-weight: bold;
  font-size: 20px;
  padding: 10px;
  width: 100%;
}

#CMAccount_TodaysPurchaseTotal_dataaccounts {
  margin-top: 10px;
}

#CMAccount_TodaysPurchaseTotal_amountwire {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}

#CMAccount_TodaysPurchaseTotal_wireinstructions {
  text-align: left;
  font-size: 12px;
}

#CMAccount_TodaysPurchaseTotal_dataaccounts {
  padding: 0;
}

/*------------End : Todays purchase total------------------------------*/
/* ========================================================================
   Component: PL > cm-app > pages > trade > _current-orders.scss
 ========================================================================== */
#CMCurrentOrders {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
}

#CMCurrentOrders:before {
  content: " ";
  display: table;
}

#CMCurrentOrders:after {
  content: " ";
  display: table;
  clear: both;
}

#CMCurrent_Orders {
  float: left;
  padding: 0 0 30px;
  width: 100%;
}

.current-orders-content {
  float: left;
  width: 100%;
}

.current-orders-grid {
  background: #fff;
  float: left;
  padding: 0;
  width: 100%;
}

.current-orders-grid #borderLayout_eRootPanel {
  clear: both;
  float: left;
  width: 100%;
}

.current-orders-grid .ag-body-viewport {
  overflow-y: auto !important;
}

.order-summary-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
}

.order-summary .currency-amount {
  font-size: 30px;
}

.order-summary .currency-summary-row {
  margin-bottom: 5px;
}

.currency-summary-header {
  margin: 10px 0 0;
}

.purchases-total-header, .redemption-total-header, .net-total-header {
  font-weight: bold;
}

#CMCurrentOrders_container {
  float: left;
  width: 100%;
}

#CMCurrentOrders_container .infromation-message {
  margin: 0 15px;
  padding: 0;
}

.future-dated-trade-style div {
  background-color: #d2e0ff !important;
}

.mat-tab-label, .mat-ink-bar {
  min-width: 110px !important;
}

.mat-tab-group .mat-tab-header {
  border-bottom: none;
}

.current-orders-download-dropdown {
  margin-left: auto;
  margin-right: 15px;
  position: relative;
  top: 41px;
  z-index: 99;
  width: 90px;
}

.current-orders-download-dropdown select {
  padding-right: 32px;
}

/* Tabs */
.mat-ink-bar {
  top: 0 !important;
  height: 3px !important;
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #0072b5 !important;
}

.mat-tab-label-active {
  border-left: 1px solid #b7bcc4;
  border-right: 1px solid #b7bcc4;
  background-color: #fff !important;
  opacity: inherit !important;
  top: 1px;
}

.mat-tab-label-container .mat-tab-list {
  border-bottom: 1px solid #999;
}

.mat-tab-body-content .infromation-message {
  background: #fff;
  padding: 10px;
}

/* AG Grid*/
.ag-header-container, .ag-body-viewport-wrapper {
  background: #fff;
}

.ag-theme-fresh .ag-body {
  background: #fff;
}

.ag-theme-fresh .ag-root {
  border: none;
}

.ag-theme-fresh [ref="north"] .ag-column-drop {
  border: none;
  border-bottom: 1px solid #e0e0e0;
}

.ag-theme-fresh .ag-row-odd {
  background-color: #f1f2f2;
}

.ag-theme-fresh .ag-column-drop-horizontal {
  background: #fff;
  border-bottom: none !important;
}

.ag-theme-fresh .ag-column-drop-horizontal .ag-column-drop-list {
  width: 89%;
}

.ag-theme-fresh .ag-header {
  border-bottom-width: 3px !important;
}

.ag-header-viewport {
  background-color: #fff;
}

.ag-theme-fresh .ag-cell-no-focus {
  border: none;
}

.ag-theme-fresh .ag-cell {
  color: #666;
  line-height: 40px;
  font-size: 12px;
  text-align: center;
  border: 0 none !important;
}

.ag-theme-fresh .ag-column-drop-horizontal .ag-right-arrow {
  margin: 0 10px !important;
}

.ag-theme-fresh .ag-tool-panel {
  border-right: none;
}

.ag-theme-fresh .ag-header-cell-resize {
  margin-top: 6px;
}

.ag-theme-fresh .ag-header-group-cell, .ag-theme-fresh .ag-header-cell-label {
  font-family: "CitiSans Bold",arial,helvetica,sans-serif;
  color: #666;
}

.ag-full-width-container {
  color: #666;
}

.accountname-column, .fund-column {
  text-align: left !important;
}

.ag-theme-fresh .ag-header-cell-label, .ag-header-group-cell-label {
  line-height: 40px;
}

.ag-row-group-expanded, .ag-row-group-contracted {
  margin-top: 0;
  border-bottom: none !important;
  font-size: 12px;
  font-weight: bold;
  height: 40px !important;
  padding-top: 10px;
  padding-left: 5px;
}

.ag-column-drop-empty-message {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  opacity: .6 !important;
  line-height: 50px !important;
}

.currency-amount {
  text-align: right;
}

.nav-column,
.shares-column {
  text-align: right !important;
}

.ag-theme-fresh .ag-header-cell-label {
  display: inherit !important;
  font-weight: normal;
  text-align: center;
  width: 100%;
  border: none;
}

.ag-fresh .ag-header-cell-label .ag-header-icon {
  vertical-align: top !important;
}

.ag-fresh .ag-header-cell-label > span {
  float: none !important;
}

.ag-theme-fresh .ag-header-cell-label > span {
  float: none !important;
}

.ag-theme-fresh .ag-header-cell-label .ag-header-cell-text {
  vertical-align: top;
}

.ag-header-cell-label, .ag-header-group-cell-label {
  overflow: inherit !important;
}

.ag-theme-fresh .ag-header-group-cell-label span {
  float: none !important;
}

.order-account, .order-fund {
  text-align: left !important;
}

.ag-theme-fresh .ag-header, .ag-theme-fresh .ag-header-group-cell-with-group {
  background: #fff;
  text-align: center;
  border-color: #ccc;
}

.ag-theme-fresh .ag-column-drop-cell {
  background: #fff;
  margin-top: 9px;
  padding: 0 5px !important;
  height: 30px !important;
}

.ag-theme-fresh .ag-column-drop-cell .ag-column-drag {
  margin-top: 8px !important;
}

.ag-theme-fresh .ag-column-drop-cell .ag-column-drop-cell-text {
  margin: 0 20px;
  line-height: 30px;
}

.ag-theme-fresh .ag-header-cell, .ag-theme-fresh .ag-header-group-cell, .ag-theme-fresh .ag-header-cell-resize::after {
  border-color: #ccc !important;
}

.ag-theme-fresh .ag-column-drop-horizontal.ag-column-drop {
  min-height: 40px !important;
}

.ag-theme-fresh .ag-column-drop-horizontal .ag-column-drop-cell {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.ag-theme-fresh .ag-column-drop-wrapper .ag-column-drop-horizontal .ag-column-drop-horizontal-title-bar .ag-column-drop-horizontal-icon {
  height: 100%;
}

.ag-theme-fresh .ag-column-drop-wrapper .ag-column-drop-horizontal .ag-column-drop-horizontal-list .ag-column-drop-horizontal-cell-separator {
  height: auto !important;
  background-position-y: 15px !important;
}

.ag-theme-fresh .ag-column-select-column .ag-checkbox-input-wrapper input[type="checkbox"]:checked {
  -webkit-appearance: none !important;
  background-color: #fff;
  border: 1px solid #999999;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #99a1a7;
  -moz-appearance: none;
  height: 13px;
  width: 13px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}

.ag-theme-fresh .ag-column-select-column .ag-checkbox-input-wrapper input[type="checkbox"]:checked::after {
  content: '\2714';
  font-size: 10px;
  position: absolute;
  top: -1px;
  left: 2px;
  color: #000;
  font-weight: bold;
}

.ag-theme-fresh .ag-column-select-column-group .ag-column-select-checkbox .ag-checked input[type="checkbox"]:checked {
  -webkit-appearance: none !important;
  background-color: #fff;
  border: 1px solid #999999;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #99a1a7;
  -moz-appearance: none;
  height: 13px;
  width: 13px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}

.ag-theme-fresh .ag-column-select-column-group .ag-column-select-checkbox .ag-checked input[type="checkbox"]:checked::after {
  content: '\2714';
  font-size: 10px;
  position: absolute;
  top: -1px;
  left: 2px;
  color: #000;
  font-weight: bold;
}

.ag-theme-fresh .ag-column-select-column-group .ag-column-select-checkbox .ag-indeterminate input[type="checkbox"] {
  -webkit-appearance: none !important;
  background-color: #fff;
  border: 1px solid #999999;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #99a1a7;
  -moz-appearance: none;
  height: 13px;
  width: 13px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}

.ag-theme-fresh .ag-column-select-column-group .ag-column-select-checkbox .ag-indeterminate input[type="checkbox"]::after {
  content: '-';
  font-size: 15px;
  position: absolute;
  top: -6px;
  left: 3px;
  color: #000;
  font-weight: bold;
}

.ag-column-drop {
  border-top: 1px solid #ccc !important;
  height: 50px !important;
}

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

.transaction-column {
  text-transform: capitalize;
}

.mat-dialog-container {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
}

/* Pop up*/
.wiredetails-popup {
  color: #666;
  width: 650px;
}

.wiredetails-popup .dialog-header-content {
  float: left;
}

.wiredetails-popup .dialog-header-content h3 {
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
}

.wiredetails-popup .dialog-header-icon .btn {
  padding: 0;
}

.wiredetails-popup .dialog-header-icon .btn .fa-close {
  color: #565a5c;
  font-size: 18px !important;
  cursor: pointer;
}

.wiredetails-popup > .row {
  clear: both;
}

.spinner .CMGlobal_modalPopup {
  float: none;
  position: relative;
  top: 40%;
}

.CMGlobal_modalPopup, .CMMiddleOffice_modalPopup {
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  float: left;
  margin: 0 auto;
  padding: 20px;
  width: 622px;
}

#CMGlobal_Modal_processorderbox {
  float: left;
  padding: 10px;
  text-align: center;
  width: 580px;
}

.CMGlobal_Modal_processorderheader {
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
}

.CMGlobal_Modal_processorderimage {
  background-image: url(../images/ajaxloader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  padding: 5px 0;
  text-align: center;
}

.ag-theme-fresh .ag-header-group-cell:last-child {
  border-right: none !important;
}

.negetive-amount {
  color: red !important;
}

.app-popup-message .compliance-popup-message-container {
  display: flex;
  align-items: center;
}

.app-popup-message .compliance-popup-message-container .popup-message-text {
  flex: 1 1 100%;
}

.cdk-global-overlay-wrapper {
  align-items: center;
  justify-content: center;
}

#CMFund_HoldingsDashboard {
  margin: 0 auto;
  width: 1280px;
  max-width: 1280px;
  padding: 0 0 30px 0;
  background: #FFF;
}

#CMFund_Dashboard_container, #CMFund, #CMFund_Dashboard_container, #CMFund_HoldingsDashboard_disclaimer, .CMFund_Holdings_Dashboarddisclaimer {
  float: left;
  width: 100%;
}

#CMFund_Holdings_search {
  background: #fff;
  clear: both;
  float: left;
  margin: 0 0 20px 0;
  width: 100%;
  padding: 10px;
}

#CMFund_Holdings_searchlabel {
  display: none;
}

#CMFund_Holdings_searchdropdown, #CMFund_Holdings_searchinput, #CMFund_HoldingsResearch_searchbutton {
  float: left;
  margin: 1px 10px 0 0;
}

#CMFund_Holdings_searchdropdown select {
  height: 36px;
  padding-top: 8px;
  background-position: calc(100% - 5px) calc(1em + -5px), calc(100% - 3em) 0.5em;
}

#CMFund_HoldingsResearch_searchexact {
  clear: both;
  float: left;
  margin: 3px 0 0 0;
  width: 100%;
}

#CMFund_HoldingsResearch_searchexactcheck {
  float: left;
  padding: 0 3px 0 0;
  margin-top: 3px;
}

#CMFund_HoldingsResearch_searchexactlabel {
  float: left;
  padding: 2px 3px 0 0;
}

input.buttondefinition {
  background: url(../images/icon_info.gif) no-repeat;
  border: none;
  cursor: pointer;
  height: 17px;
  margin: 3px 0 0 3px;
  width: 17px;
}

.buttonsearch, .buttonclose {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  padding: 1em 2em !important;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  border: none;
  font-weight: bold;
  margin-left: 20px !important;
  height: auto;
}

.buttonsearch:hover, .buttonclose:hover {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
  font-size: 12px;
  color: #fff !important;
  border: none !important;
}

.buttonclose {
  float: right;
}

#CMFund_Dashboard #CMFund_Holdings_portfoliobalance {
  clear: both;
  float: left;
  font-size: 20px;
  margin: 0 0 10px;
  padding-left: 10px;
}

#CMFund_HoldingsDashboard .CMFund_Holdings_asofdate {
  float: right;
  padding: 0;
}

.CMFund_Holdings_asofdateholdings {
  float: right;
  margin: 0;
}

.CMFund_Holdings_asofdate .CMFund_Holdings_asofdatebalance {
  display: none;
}

.CMFund_Holdings_asofdateholdings .CMFund_Holdings_asofdateholdings {
  border: none;
  color: #236093;
  background: none;
  font-size: 13px;
  cursor: pointer;
  margin: 0 32px 0 8px;
  text-decoration: none;
  border-bottom: 0px solid #fff;
}

.CMFund_Holdings_asofdateholdings .CMFund_Holdings_asofdateholdings:hover, .CMFund_Holdings_asofdateholdings .CMFund_Holdings_asofdateholdings:active {
  color: #236093;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 0 solid #236093;
}

#CMFund_Holdings_portfoliobalancelabel {
  float: left;
  margin: 0 5px 0 0;
}

#CMFund_Holdings_portfoliobalancedata {
  float: left;
  font-weight: bold;
}

#CMFund_Holdings_Dashboardcontainer {
  border-top: none;
  clear: both;
  float: left;
}

#CMFund_Holdings_searchinput input.CMGlobal_CAautocomplete_TextBoxCssClass, #CMFund_Holdings_searchinput input.CMGlobal_CAautocomplete_TextBoxFocusedCssClass {
  width: 250px !important;
  height: 36px;
}

#CMFund_Dashboard_container .CMFund_Holdings_asofdate span {
  float: left;
}

#CMFund_HoldingsDashboard_disclaimer {
  padding: 10px 0;
  font-size: 11px;
  color: #999999;
}

/*--------------------------End : Holding DashBoard Search Box-----------------------------*/
/*--------------------------Holding DashBoard Widget---------------------------------------*/
.CMFund_HoldingsDashboard_widget {
  background: #fff;
  float: left;
  margin: 10px;
  width: 400px;
  border: 1px solid #ccc;
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.CMFund_HoldingsDashboard_widgetheader {
  background: #fff;
  font-size: 12px;
  font-weight: bold;
  float: left;
  padding: 10px 15px;
  width: 100%;
}

.holdingListingItem, .holdingListingItemWithAlternateStyle {
  background: #fff;
  border-bottom: none;
  clear: both;
  float: left;
  padding: 8px;
  width: 100%;
}

.ExposureByHoldingWidget_columnheaderholding, #holdingListContainer .ExposureByHoldingWidget_columnholding {
  float: left;
  white-space: nowrap;
  width: 80%;
}

.holdingListingItem {
  background: #f1f2f2;
}

#holdingListContainer .ExposureByHoldingWidget_columnholding label, #holdingListContainer .ExposureByHoldingWidget_columnpercentage label {
  font-weight: normal;
  margin: 0;
}

.ExposureByHoldingWidget_columnheaderpercentage, #holdingListContainer .ExposureByHoldingWidget_columnpercentage {
  float: left;
  text-align: right;
  width: 20%;
}

#holdingListTooltipContainerDiv {
  display: none;
  position: absolute;
  z-index: 100001;
}

#holdingListTooltipContainerDiv label {
  margin: 0;
}

.CMFund_HoldingsDashboard_tooltipentryheader {
  font-weight: bold;
  border-bottom: 1px solid #CCCCCC;
  padding: 0 0 3px 0;
  white-space: normal !important;
  width: 100%;
}

.CMFund_HoldingsDashboard_tooltipentryleft {
  float: left;
  margin: 0 20px 0 0;
  width: 200px;
}

.CMFund_HoldingsDashboard_tooltipentryright {
  float: left;
  width: 200px;
}

.CMFund_HoldingsDashboard_tooltiplabel {
  float: left;
  font-weight: bold;
  padding-right: 5px;
}

.CMFund_HoldingsDashboard_tooltipdata {
  float: left;
  padding-right: 5px;
}

#holdingListTooltipContainerDiv .CMFund_HoldingsDashboard_tooltipdata label {
  font-weight: normal !important;
}

.CMFund_HoldingsDashboard_widgetdata .ViewAll {
  color: #236093;
  cursor: pointer;
  float: right;
  margin-top: -29px;
  margin-left: 330px;
  position: absolute;
  border-bottom: 0px solid #fff;
  text-decoration: none;
  font-weight: bold;
}

.CMFund_HoldingsDashboard_widgetdata .ViewAll:hover, .CMFund_HoldingsDashboard_widgetdata .ViewAll:active {
  color: #236093;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 0 solid #236093;
}

.CMFund_HoldingsDashboard_widgetheader_holdingmap a {
  font-size: 12px;
  font-weight: bold;
  float: right;
  position: relative;
  margin: -9px 50px 0 0;
  top: -1px;
  color: #236093;
  border-bottom: 0px solid #fff;
}

.CMFund_HoldingsDashboard_widgetheader_holdingmap a:hover, .CMFund_HoldingsDashboard_widgetheader_holdingmap a:active {
  color: #236093;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 0 solid #236093;
}

.CMFund_HoldingsDashboard_widgetheader_holdingmap {
  float: right;
  margin: 8px 0 0;
}

.link {
  font-size: 12px !important;
  font-family: CitiSans, arial, helvetica, sans-serif !important;
  font-weight: normal;
  color: #666 !important;
  cursor: pointer;
  line-height: .99;
}

.ExposureByHoldingWidget .ViewAll {
  margin-left: 351px;
}

/* ----- Maturity Distribution ----- */
.MaturityDistributionWidget {
  padding-bottom: 10px;
}

.MaturityDistributionWidget .CMFund_HoldingsDashboard_widgetdata, .ExposureByCategoryWidget .CMFund_HoldingsDashboard_widgetdata, .ExposureByIssuerWidget .CMFund_HoldingsDashboard_widgetdata, .ExposureByCountryWidget .CMFund_HoldingsDashboard_widgetdata {
  padding: 0 0 0 20px;
}

.MaturityDistributionWidget .CMFund_HoldingsDashboard_tooltipdata label {
  font-weight: normal !important;
}

.MaturityDistributionofHoldings_legend_color {
  display: none !important;
}

/* ----- Exposure By Category ----- */
.ExposureByCategoryWidget {
  margin: 10px;
  padding-bottom: 10px;
}

/* ----- Exposure By Issuer ----- */
.ExposureByIssuerWidget {
  margin: 10px;
  padding-bottom: 10px;
}

/* ----- Exposure By Country ----- */
.ExposureByCountryWidget {
  margin: 10px;
  padding-bottom: 10px;
}

/* ----- Tooltips ----- */
.highcharts-tooltip span {
  min-width: 70px !important;
  font-family: CitiSans, arial, helvetica, sans-serif !important;
  font-size: 13px !important;
}

#CMFund_HoldingsDashboard_ExposureByHolding_tooltip {
  background: #fff;
  border: 1px solid #CCCCCC;
  float: left;
  padding: 10px;
}

#CMFund_HoldingsDashboard_ExposureByHolding_tooltip .CMFund_HoldingsDashboard_tooltipentryheader {
  margin-bottom: 5px;
}

.CMFund_HoldingsDashboard_tooltipentry {
  clear: both;
  float: left;
  margin: 0 0 5px 0;
  width: 100%;
}

.CMFund_HoldingsDashboard_tooltipentryheader {
  font-weight: bold;
  border-bottom: 1px solid #CCCCCC;
  padding: 0 0 3px 0;
  white-space: normal !important;
  width: 100%;
}

.CMFund_HoldingsDashboard_tooltipentryleft {
  float: left;
  margin: 0 20px 0 0;
  width: 200px;
}

.CMFund_HoldingsDashboard_tooltipentryright {
  float: left;
  width: 200px;
}

.CMFund_HoldingsDashboard_tooltipcontainer {
  clear: both;
  margin: 0 5px;
  padding: 2px 0;
  width: 180px;
}

.CMFund_HoldingsDashboard_tooltiplabel {
  float: left;
  font-weight: bold;
  padding-right: 5px;
}

.CMFund_HoldingsDashboard_tooltipdata {
  float: left;
  padding-right: 5px;
}

.CMFund_HoldingsDashboard_tooltip_piecolor {
  float: left;
  padding: 5px 0 0 15px;
  margin: 0 5px 0 0;
  width: 5px;
  height: 10px;
  display: inline;
}

#CMFund_HoldingsDashboard .highcharts-container {
  left: 0 !important;
  width: 361px !important;
}

.CMFund_HoldingsDashboard_widgetdata {
  clear: both;
  float: left;
  width: 100%;
}

.CMFund_HoldingsDashboard_widgetdata .chartContainer .highcharts-axis-labels span .link {
  font-size: 13px !important;
  position: relative;
  right: 3px;
}

.highcharts-data-labels text, .highcharts-container, .highcharts-legend-item text {
  font-family: arial, helvetica, sans-serif  !important;
  font-size: 10px !important;
}

.highcharts-legend-item text:hover {
  color: #666 !important;
  fill: #666 !important;
}

/*--------------------------End : Holding DashBoard Widget---------------------------------------*/
/* -----Holding DashBoard Map ----- */
#CMFund_HoldingsDashboard_Map_header {
  background: #fff;
  float: left;
  padding: 6px;
  width: 900px;
}

#CMFund_HoldingsDashboard_Map_headertitle {
  color: #666;
  font-weight: bold;
  margin: -1px 0 0 0;
  padding: 3px;
  font-size: 17px;
}

#CMFund_HoldingsDashboard_Map_headerclosebutton {
  float: right;
  margin: -25px 3px 0 0;
}

#CMFund_HoldingsDashboard_Map_headerclosebutton input {
  background: transparent url(../images/icon_Close.png) no-repeat 0 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  float: left;
  height: 24px;
  margin: 2px;
  width: 24px;
}

#CMFund_HoldingsDashboard_Map_content {
  background: #fff;
  border: none;
  border-top: none;
  width: 900px;
  clear: both;
  float: left;
}

table#CMFund_HoldingsDashboard_Map_gridview {
  border-collapse: collapse;
  clear: both;
  float: left;
  width: 900px;
}

td#CMFund_HoldingsDashboard_Map_gridview_countries {
  width: 200px;
  border-top: 1px solid #ccc;
}

td#CMFund_HoldingsDashboard_Map_gridview_map {
  vertical-align: top;
  width: 700px;
}

/*.jvectormap-zoomin, .jvectormap-zoomout {
    background: $link-color;
    border-radius: 0px;
    color: #fff;
    cursor: pointer;
    height: 15px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    width: 15px;
    font-weight: bold;
    &:hover
    {
        background: $link-hover-color;
    }
}*/
.jvectormap-zoomin {
  left: 10px;
  top: 10px;
  font-family: arial, helvetica, sans-serif;
}

.jvectormap-zoomout {
  left: 30px;
  top: 10px;
  font-family: arial, helvetica, sans-serif;
}

#HoldingsDashboard_Mapflyout_header {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 5px;
}

#container {
  margin: 0 auto;
  background-color: #586086;
}

#main {
  height: 400px;
  width: 700px;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  background: linear-gradient(to top, #404040 0%, #e1e1e1 100%);
}

#countryNames {
  float: left;
  margin: 10px 0 0 0;
}

.countryentry {
  background: #fff;
  color: #000;
  float: left;
  padding: 5px !important;
  width: 195px;
}

.countryentry:active, .countryentry:visited {
  background: #fff;
  float: left;
  padding: 5px !important;
  width: 195px;
}

.countryentry:hover {
  background: #f2f0ed !important;
  color: #000 !important;
  cursor: pointer;
  width: 195px;
}

.countryname {
  float: left !important;
}

.countryholding {
  float: right !important;
}

#CMFund_HoldingsDashboard_Map_legend {
  left: 10px;
  margin: -185px 0 0 200px;
  position: absolute;
  width: 40px;
  z-index: 100000000000;
}

#CMFund_HoldingsDashboard_Map_legendrange1, #CMFund_HoldingsDashboard_Map_legendrange2, #CMFund_HoldingsDashboard_Map_legendrange3, #CMFund_HoldingsDashboard_Map_legendrange4, #CMFund_HoldingsDashboard_Map_legendrange5 {
  float: left;
  padding: 5px 0;
  text-align: center;
  width: 45px;
}

#CMFund_HoldingsDashboard_Map_legendrange1 {
  background: #57f83c;
}

#CMFund_HoldingsDashboard_Map_legendrange2 {
  background: #42d12b;
}

#CMFund_HoldingsDashboard_Map_legendrange3 {
  background: #31a21e;
}

#CMFund_HoldingsDashboard_Map_legendrange4 {
  background: #237815;
  color: #fff;
}

#CMFund_HoldingsDashboard_Map_legendrange5 {
  background: #13440b;
  color: #fff;
}

/* ------End : Holding DashBoard Map ----- */
/*------------Balance As of Date Popup---------------*/
.CMGlobal_Modal_headerclosebutton .buttonclosemodal {
  background: transparent url(../images/icon_Close.png) no-repeat 0 0;
  border: none;
  height: 24px;
  width: 24px;
  position: relative;
}

.CMGlobal_modalPopup .CMGlobal_Modal_content {
  padding: 5px 12px;
  width: 100%;
}

#dvHoldingsAsOfDate .CMGlobal_CAGridViewMaster {
  width: 100% !important;
}

#dvHoldingsAsOfDate .CMGlobal_CAGridViewMaster_dataarea tr td div {
  white-space: normal !important;
}

.CMFund_Holdings_asofdate .CMGlobal_balanceasofdate .CMGlobal_Modal_headertitle {
  padding: 15px 10px !important;
}

/*------------End : Balance As of Date Popup---------------*/
/*------------Search Auto Complete-------------------------*/
.CMGlobal_CAautocomplete_DropDownContentCssClass {
  background: #FFF;
  border: 1px solid #CCCCCC;
}

.CMGlobal_CAautocomplete_DropDownContentCssClass div {
  height: auto !important;
  width: auto !important;
}

.CMGlobal_CAautocomplete_DropDownCssClass, td.CMGlobal_CAautocomplete_DropDownCssClass div {
  width: auto !important;
  white-space: normal;
}

.CMGlobal_CAautocomplete_DropDownContentCssClass {
  display: inline;
  float: left;
  min-width: 248px;
}

.CMGlobal_CAautocomplete_ItemCssClass, .CMGlobal_CAautocomplete_ItemHoverCssClass {
  clear: left;
  float: left;
  display: inline;
  padding: 4px 5px 0;
  width: 100% !important;
  white-space: normal !important;
  min-width: 248px;
}

.CMGlobal_CAautocomplete_ItemHoverCssClass {
  cursor: pointer;
  background: #BFBFBF;
}

.CMGlobal_CAautocomplete_ItemCssClass:First-Child, .CMGlobal_CAautocomplete_ItemHoverCssClass:First-Child:Hover {
  padding-top: 5px;
}

.countryentry:nth-child(even) {
  background-color: #f1f2f2 !important;
}

.CMFund_HoldingsDashboard_widgetdata .highcharts-tooltip span {
  background: #fff;
  top: 1px !important;
  left: 1px !important;
  padding: 10px;
  border: 1px solid #ccc;
}

/*------------End : Search Auto Complete-------------------*/
/*----------------Start - CMDatagrid -----------------*/
#holdingsAsOfDateGrid .ag-theme-fresh .ag-header-row {
  display: flex;
  justify-content: flex-start;
}

#holdingsAsOfDateGrid .ag-theme-fresh .ag-header-cell-label {
  justify-content: flex-start;
}

#holdingsAsOfDateGrid .ag-theme-fresh .ag-header-cell, #holdingsAsOfDateGrid .ag-theme-fresh .ag-header-group-cell {
  left: auto !important;
  position: relative !important;
}

#holdingsAsOfDateGrid .ag-theme-fresh .ag-row-no-animation .ag-row {
  display: flex;
  justify-content: flex-start;
}

#holdingsAsOfDateGrid .ag-theme-fresh .ag-cell {
  border: none;
  line-height: normal;
  padding: 8px !important;
  text-align: left;
  left: auto !important;
  position: relative !important;
}

#holdingsAsOfDateGrid .ag-theme-fresh .cm-datagrid-holdingasofdate-header-description, #holdingsAsOfDateGrid .ag-theme-fresh .cm-datagrid-holdingasofdate-description {
  width: 220px !important;
  white-space: normal;
  text-overflow: inherit;
  text-overflow: initial;
  word-wrap: break-word;
  word-break: break-word;
}

#holdingsAsOfDateGrid .ag-theme-fresh .cm-datagrid-holdingasofdate-header-cusip, #holdingsAsOfDateGrid .ag-theme-fresh .cm-datagrid-holdingasofdate-cusip {
  width: 180px !important;
  white-space: normal;
  text-overflow: inherit;
  text-overflow: initial;
  word-wrap: break-word;
  word-break: break-word;
}

#holdingsAsOfDateGrid .cm-datagrid-pagination-container {
  margin-top: 0px;
}

#holdingsAsOfDateGrid .cm-datagrid-pagination-container .cm-datagrid-pagination {
  padding: 8px;
}

#holdingsAsOfDateGrid .cm-datagrid-pagination-container .cm-datagrid-pagination .PageNumber span {
  float: none;
}

#holdingsAsOfDateGrid .cm-datagrid-nodata {
  position: relative;
  top: -40px;
  left: 5px;
}

/*----------------End - CMDatagrid -----------------*/
/*-----------------------Complaince Main Page---------------------------------------*/
#CMCompliance {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  padding: 0 0 30px 0;
  background: #FFF;
}

#CMCompliance .CMGlobal_infomessage {
  color: #666;
  border: 1px solid #ccc;
  width: 100%;
  padding: 2px;
  float: left;
  background: #fff;
}

#CMCompliance #CMGlobal_error .CMGlobal_errormessage:nth-of-type(1),
#CMCompliance #CMGlobal_error .CMGlobal_errormessage:nth-of-type(2),
#CMCompliance #CMGlobal_error .CMGlobal_errormessage .CMGlobal_errormsg,
#CMCompliance #CMGlobal_searchbox .CMCompliance_updatecompliancebox .CMGlobal_errormessage,
#CMCompliance #CMGlobal_searchbox .CMGlobal_errormessage .CMGlobal_errormsg,
#CMCompliance .CMCompliance_ActiveViolation_errorimage div.CMGlobal_errormessage,
.CMCompliance_EditComplianceGroup_errorimage .CMGlobal_errormessage,
.CMCompliance_ActiveViolation_errorimage .CMGlobal_errormessage {
  background: #fff;
  padding: 5px 0;
  border: none;
  color: #b5121b;
  width: 100%;
  float: left;
}

#CMCompliance #CMGlobal_introductiontoolbox_downloadlinktext input {
  margin: 1px 0px 0px 0px;
}

#CMCompliance .CMGlobal_GridView_emptytable td {
  padding: 12px 0px 12px 37px;
}

#CMCompliance #CMGlobal_introductiontoolbox_downloadlinktext input {
  width: 20px;
}

#CMCompliance a.CMGlobal_printerfriendly:link {
  height: 28px;
  width: auto;
  margin-top: 2px;
}

#CMCompliance .CMAccount_accountheaderleft {
  border-bottom: none;
  margin: 0px 0px 9px 0px;
  padding: 0px 0px 10px 10px;
  font-size: 20px;
  font-weight: bold;
}

#CMCompliance #CMCompliance_ComplianceMain .CMAccount_accountheaderleft span {
  display: block;
  margin-top: 18px;
}

#CMCompliance th.CMGlobal_tableColumnHeaderLeft a:link, #CMCompliance th.CMGlobal_tableColumnHeaderCenter a:link {
  text-decoration: none;
  border: none;
}

#CMCompliance td.CMGlobal_tableColumnCenter a:link {
  border: none;
}

#CMCompliance .CMAccount_GridViewMaster tr.CMAccount_maintablealtrow td {
  background: #f1f2f2;
  border-bottom: none;
}

#CMCompliance .CMAccount_GridViewMaster tr.CMAccount_maintablelightrow td {
  background: #fff;
  border-bottom: none;
}

#CMCompliance .CMAccount_GridViewMaster th {
  border-right: 1px solid #d2d2d2;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  font-weight: normal !important;
}

#CMCompliance .CMAccount_GridViewMaster th.CMCompliance_ComplianceMain_GridView_columnheaderdelete {
  border-right: 0px;
}

.CMCompliance_buttonaddnewrule {
  margin-left: 10px !important;
}

/*-----------------End : Complaince Main Page---------------------------------------*/
/*------------------Add/Edit Complaince Rules Page----------------------------------*/
.CMCompliance_compliancebox {
  float: left;
  margin: 0 0 0 10px;
  padding: 0 0 10px 5px;
  width: 1200px;
}

.CMCompliance_main_account, .CMCompliance_main_group {
  float: left;
  margin: 0 10px 0 0;
  width: 135px;
  padding: 5px;
}

.CMCompliance_main_fund {
  float: left;
  margin: 3px 10px 0 0;
  text-align: right;
  width: 135px;
  padding: 5px;
}

.CMCompliance_EditComplianceRule_accountradio, .CMCompliance_EditComplianceRule_groupradio, .CMCompliance_EditComplianceRule_maxpercentageaumradio,
.CMCompliance_EditComplianceRule_maxdollarradio, .CMCompliance_EditComplianceRule_blockradio, .CMCompliance_EditComplianceRule_alertradio {
  float: left;
  margin: 0 2px 0 0;
}

.CMCompliance_compliancebox .CMGlobal_radio input {
  margin: 2px 3px 0px 0px;
}

#CMCompliance_EditComplianceRule_ownershipbox, #CMCompliance_EditComplianceRule_actionbox {
  float: left;
}

.CMCompliance_complianceheader {
  margin: 20px 0px 25px 12px;
  font-size: 20px;
  font-weight: bold;
}

.CMCompliance_main_maxdollar, .CMCompliance_main_maxpercentageaum {
  float: left;
  margin: 0 10px 0 0;
  width: 300px;
  padding: 5px;
}

.CMCompliance_main_maxpercentageaum {
  margin: 0 34px 0 0;
}

.CMCompliance_main_dual {
  float: left;
  display: none;
}

.CMCompliance_buttonbox {
  float: left;
  width: 400px;
  margin: 0px 0px 0px 6px;
}

.CMCompliance_EditComplianceRule_buttonsaverule a {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  padding: 1em 2em !important;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  border: none;
  font-weight: bold;
  margin: 10px;
  float: left;
}

.CMCompliance_EditComplianceRule_buttonsaverule a:hover, .CMCompliance_EditComplianceRule_buttonsaverule a:focus, .CMCompliance_EditComplianceRule_buttonsaverule a:active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
  font-size: 12px;
  color: #fff !important;
  border: none !important;
}

.CMCompliance_EditComplianceRule_buttonback a {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0;
  border: none;
  float: left;
  margin: 10px;
}

.CMCompliance_EditComplianceRule_buttonback a:hover, .CMCompliance_EditComplianceRule_buttonback a:focus, .CMCompliance_EditComplianceRule_buttonback a:active, .CMCompliance_EditComplianceRule_buttonback a.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
}

/*------------End : Add/Edit Complaince Rules Page----------------------------------*/
/*---------------------------Complaince Group Page----------------------------------*/
#CMCompliance_ListAccountGroup .CMGlobal_infomessage {
  margin: 0px 0px 22px 0px;
}

#CMCompliance #CMAccount_fundtablesnoborder, #CMCompliance_ListAccountGroup #CMAccount_fundtables, #CMCompliance_ListAccountGroup #CMGlobal_searchbox {
  float: left;
}

#CMCompliance_ListAccountGroup #CMCompliance_addrule {
  margin-top: 12px;
}

#CMCompliance_ComplianceMain #CMCompliance_addrule {
  clear: both;
}

#CMCompliance_EditComplianceGroup #CMAccount_fundtablesnoborder {
  padding-left: 4px;
}

#CMCompliance_EditComplianceGroup .CMCompliance_updatecompliance_compliancename {
  clear: left;
  float: left;
  font-weight: bold;
  padding: 5px;
  padding-left: 0px;
  margin-top: 12px;
}

#CMCompliance_EditComplianceGroup #CMGlobal_searchbox {
  float: left;
  padding: 0 0 10px 0;
  width: 100%;
}

#CMCompliance_EditComplianceGroup .CMCompliance_updatecompliancebox {
  float: left;
  padding: 0px 0px 10px 0;
  width: 100%;
  margin: 10px;
}

#CMCompliance_EditComplianceGroup .CMCompliance_companyaccountheader, #CMCompliance_EditComplianceGroup .CMCompliance_accountgroupsheader {
  float: left;
  font-weight: bold;
  padding: 0 0 3px 0;
}

#CMCompliance_EditComplianceGroup .CMCompliance_companyaccountbox, #CMCompliance_EditComplianceGroup .CMCompliance_accountsgroupbox {
  float: left;
  width: 400px;
}

#CMCompliance_EditComplianceGroup .CMCompliance_addremovebox {
  padding: 55px 110px;
  width: 240px;
  float: left;
}

#CMCompliance_EditComplianceGroup .CMCompliance_accountgroupchoice select, #CMCompliance_EditComplianceGroup .CMCompliance_companyaccountchoice select {
  width: 450px;
  height: 150px;
  background-image: none;
}

.CMCompliance_buttonaddcompgroup {
  margin-left: 0;
}

#CMCompliance_EditComplianceGroup .CMCompliance_updatecompliance_buttonsave a {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  padding: 1em 2em !important;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  border: none;
  font-weight: bold;
  margin: 10px;
  float: left;
}

#CMCompliance_EditComplianceGroup .CMCompliance_updatecompliance_buttonsave a:hover, #CMCompliance_EditComplianceGroup .CMCompliance_updatecompliance_buttonsave a:focus, #CMCompliance_EditComplianceGroup .CMCompliance_updatecompliance_buttonsave a:active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
  font-size: 12px;
  color: #fff !important;
  border: none !important;
}

#CMCompliance_EditComplianceGroup .CMCompliance_updatecompliance_buttonback a {
  float: left;
  margin: 10px;
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0;
}

#CMCompliance_EditComplianceGroup .CMCompliance_updatecompliance_buttonback a:hover, #CMCompliance_EditComplianceGroup .CMCompliance_updatecompliance_buttonback a:focus, #CMCompliance_EditComplianceGroup .CMCompliance_updatecompliance_buttonback a:active, #CMCompliance_EditComplianceGroup .CMCompliance_updatecompliance_buttonback a.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
}

#CMCompliance_EditComplianceGroup .CMCompliance_buttongroupadd {
  width: 100px;
  margin: -8px 0px 0px -14px;
  display: block;
  padding-left: 35px !important;
}

#CMCompliance_EditComplianceGroup .CMCompliance_buttongroupremove {
  width: 100px;
  margin: -12px 0px 0px -14px;
  display: block;
  padding-left: 24px !important;
}

#CMCompliance_EditComplianceGroup .CMCompliance_updatecompliance_buttonbox {
  margin-left: -5px;
}

.CMCompliance_updatecompliance_compliancenametext input {
  margin-top: 10px;
}

#CMCompliance #CMGlobal_searchbox .CMCompliance_updatecompliancebox .CMGlobal_errormessage,
#CMCompliance #CMGlobal_searchbox .CMGlobal_errormessage .CMGlobal_errormsg {
  width: 100%;
  color: #b5121b !important;
}

/*--------------------End : Complaince Group Page----------------------------------*/
/*--------------------------Active Violation Page----------------------------------*/
#CMCompliance_ActiveViolation .CMAccount_searchtransactionheader {
  font-size: 20px;
  margin: 0px 0px 4px 2px;
  float: left;
  clear: both;
}

#CMCompliance_ActiveViolation .CMCompliance_active_box {
  float: left;
  width: 1200px;
}

#CMCompliance_ActiveViolation .CMCompliance_active_account {
  float: left;
  margin: 0px 0px 2px 2px;
  font-size: 13px;
  font-weight: bold;
}

#CMCompliance_ActiveViolation .CMCompliance_active_accountdrop {
  clear: left;
  float: left;
}

#CMCompliance_ActiveViolation .CMCompliance_active_daterange {
  float: left;
  margin: -20px 0px 2px 385px;
  font-size: 13px;
  font-weight: bold;
}

#CMCompliance_ActiveViolation .CMAccount_transaction_calendarbox {
  float: left;
  margin-left: 375px;
}

#CMCompliance_ActiveViolation .CMAccount_transaction_calendarbox span {
  float: left;
  margin-left: 10px;
}

#CMCompliance_ActiveViolation .CMAccount_transaction_calendarbox span:nth-of-type(2) {
  padding: 5px;
}

#CMCompliance_ActiveViolation .CMCompliance_active_fund {
  float: left;
  margin: -49px 0px 0px 368px;
  font-size: 13px;
  font-weight: bold;
}

#CMCompliance_ActiveViolation .CMCompliance_active_fundtext {
  float: left;
  margin: -31px 0px 0px 368px;
}

.CMCompliance_active_searchviolations {
  clear: both;
  float: left;
}

#CMCompliance_ActiveViolation .CMCompliance_searchviolation, .CMCompliance_buttonviewgroupback {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  padding: 1em 2em !important;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  border: none;
  font-weight: bold;
  margin: 10px 0;
  float: left;
}

#CMCompliance_ActiveViolation .CMCompliance_searchviolation:hover, #CMCompliance_ActiveViolation .CMCompliance_searchviolation:focus, #CMCompliance_ActiveViolation .CMCompliance_searchviolation:active, .CMCompliance_buttonviewgroupback:hover, .CMCompliance_buttonviewgroupback:focus, .CMCompliance_buttonviewgroupback:active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
  font-size: 12px;
  color: #fff !important;
  border: none !important;
  text-decoration: none;
}

#CMCompliance_ActiveViolation .CMCompliance_active_accountdrop select {
  width: 350px !important;
  height: 31px;
}

#CMCompliance_ActiveViolation .CMCompliance_active_fundtext select {
  width: 350px !important;
  height: 31px;
}

.CMGlobal_CAcalendar table.CMGlobal_CAcalendarmonth tr td.CMGlobal_CAcalendaroutofrangeday,
.CMGlobal_CAcalendar table.CMGlobal_CAcalendarmonth tr td.CMGlobal_CAcalendaroutofrangedayhover,
.CMGlobal_CAcalendar table.CMGlobal_CAcalendarmonth tr td.CMGlobal_CAcalendardisabledday {
  font-style: normal !important;
}

.CMGlobal_CAcalendar table.CMGlobal_CAcalendarmonth tr td.CMGlobal_CAcalendardayhover.CMGlobal_CAcalendarweekenddayhover {
  background-color: #236093;
  color: #FFFFFF;
  cursor: pointer;
}

.CMGlobal_CAcalendar table.CMGlobal_CAcalendarmonth tr td.CMGlobal_CAcalendaroutofrangedayhover,
.CMGlobal_CAcalendar table.CMGlobal_CAcalendarmonth tr td.CMGlobal_CAcalendaroutofrangedayactive {
  color: #E6E6E6 !important;
  background-color: #FFFFFF !important;
  cursor: default !important;
}

.CMCompliance_active_box .CMAccount_transaction_calendarbox input[type="text"] {
  background: #fff url("../images/icon_calendar.gif") no-repeat scroll 125px 6px;
  width: 150px;
  height: 31px;
}

#CMCompliance_ActiveViolation #CMCompliance_compliancetable {
  border-top: none;
  float: left;
  padding-top: 0;
}

/*----------------------End : Active Violation Page--------------------------------*/
/*----------------------View Complaince Group Page---------------------------------*/
#CMCompliance_ViewComplianceGroup #CMCompliance_viewcompliance_accountnamebox {
  margin: 0px 0px 10px 0px;
  font-size: 20px;
  border-bottom: none;
  clear: both;
}

#CMCompliance_ViewComplianceGroup #CMCompliance_viewcompliance_accountnamebox .CMCompliance_viewcompliance_accountheader {
  font-weight: bold;
}

#CMCompliance_ViewComplianceGroup .CMCompliance_viewcompliance_groupheader {
  font-weight: bold;
  margin: 0px 0px 2px 0px;
  font-size: 12px;
}

/*----------------------End : View Complaince Group Page---------------------------*/
.CMCompliance_disclaimer {
  clear: both;
  margin: 0 auto;
  max-width: 1280px;
  padding: 10px 0;
  font-size: 11px;
  color: #999999;
}

/*-----------------------------------Daily Interest Page---------------------------*/
#CMAccount_Analytics #CMGlobal_introductiontoolbox_downloadlinktext {
  margin-top: -2px;
}

#CMAccount_Analytics #CMAccount_Analytics_Border {
  float: left;
  width: 100%;
}

#CMAccount_AnalyticsFilter_content {
  float: left;
  margin: 0 0 10px;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_Error .CMGlobal_errormessage {
  background: #fff;
  padding: 5px 0;
  border: none;
  color: #b5121b;
  width: 100%;
  float: left;
}

#CMAccount_Analytics .CMGlobal_filterbox {
  clear: both;
  float: left;
  width: 100%;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters {
  float: left;
  margin: 0;
  clear: both;
  padding-top: 10px;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_account {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0 10px 0;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_accountlabel {
  float: left;
  font-weight: bold;
  margin: 0 0 5px;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_accountdrop {
  clear: both;
  float: left;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_fund {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0 10px 0;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_fundlabel {
  float: left;
  font-weight: bold;
  margin: 0 0 5px;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_funddrop {
  clear: both;
  float: left;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_dates {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0 10px 0;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_datesradio {
  float: left;
  margin: 0 3px 3px 0;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_dateslabel {
  float: left;
  font-weight: bold;
  margin: 0 0 5px;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_datesdrop {
  clear: both;
  float: left;
  margin: 0;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_dateranges {
  float: left;
  margin: 0;
  padding: 0 0 10px 0;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_daterangesradio {
  float: left;
  margin: 0 3px 3px 0;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_daterangesstartlabel {
  clear: right;
  float: left;
  font-weight: bold;
  margin: 0 0 5px;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_daterangesstartinput {
  clear: both;
  float: left;
  margin: 0;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_daterangesendlabel {
  float: left;
  margin: 0 0 5px;
  padding: 5px;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_daterangesendinput {
  float: left;
  margin: 0;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_daterangesstartinput input[type="text"], #CMAccount_Analytics #CMAccount_AnalyticsFilter_filters_daterangesendinput input[type="text"] {
  background: #fff url("../images/icon_calendar.gif") no-repeat scroll 125px 6px;
  width: 150px;
  height: 31px;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonbox {
  clear: both;
  float: left;
  margin-left: -5px;
  width: 100%;
}

#CMAccount_AnalyticsFilter_filters_accountdrop select, #CMAccount_AnalyticsFilter_filters_funddrop select, #CMAccount_AnalyticsFilter_filters_datesdrop select {
  height: 31px;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonsearch input {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  margin: 0 10px 0 5px !important;
  padding: 1em 2em;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border: none;
  font-weight: bold;
  float: left;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonsearch input:hover, #CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonsearch input:focus, #CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonsearch input:active, #CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonsearch input.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonsearch input:hover {
  cursor: pointer;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonreset input {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonreset input:hover, #CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonreset input:focus, #CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonreset input:active, #CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonreset input.active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
}

#CMAccount_Analytics #CMAccount_AnalyticsFilter_buttonreset input:hover {
  cursor: pointer;
}

#CMAccount_Analytics #CMAccount_AnalyticsList {
  float: left;
  width: 100%;
}

#CMAccount_Analytics #CMAccount_AnalyticsList_holdings {
  float: left;
  font-weight: bold;
  margin: 0 15px 0 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

#CMAccount_Analytics #CMAccount_AnalyticsList_holdings_daterange, #CMAccount_Analytics #CMAccount_AnalyticsList_account_accountinformation, #CMAccount_AnalyticsList_fund_fundTypeinformation, #CMAccount_AnalyticsList_account_fundinformation {
  float: left;
  margin: 0 15px 0 0;
}

#CMAccount_Analytics #CMAccount_AnalyticsList_holdings_daterangelabel,
#CMAccount_Analytics #CMAccount_AnalyticsList_holdings_accruallabel,
#CMAccount_Analytics #CMAccount_AnalyticsList_account_accountlabel,
#CMAccount_Analytics #CMAccount_AnalyticsList_account_fundlabel,
#CMAccount_Analytics #CMAccount_AnalyticsList_fund_fundTypelabel,
#CMAccount_Analytics #CMAccount_AnalyticsList_fund_fundCurrencylabel {
  font-weight: bold;
  float: left;
  margin: 0px 3px 0px 0px;
}

#CMAccount_Analytics #CMAccount_AnalyticsList_holdings_daterangedata, #CMAccount_Analytics #CMAccount_AnalyticsList_holdings_accrualdata {
  float: left;
  font-weight: normal;
}

#CMAccount_Analytics #CMAccount_AnalyticsList_holdings_accrual, #CMAccount_Analytics #CMAccount_AnalyticsList_holdings_accountdata,
#CMAccount_Analytics CMAccount_AnalyticsList_account_fundinformation, #CMAccount_Analytics CMAccount_AnalyticsList_holdings_funddata,
#CMAccount_Analytics #CMAccount_AnalyticsList_account_fundinformation, #CMAccount_Analytics #CMAccount_AnalyticsList_holdings_funddata,
#CMAccount_AnalyticsList_fund_fundType,
#CMAccount_AnalyticsList_fund_fundCurrencyinformation,
#CMAccount_AnalyticsList_fund_fundCurrency {
  float: left;
}

#CMAccount_Analytics #CMAccount_AnalyticsList_holdings_accrual {
  display: none;
}

#CMAccount_Analytics #CMAccount_AnalyticsList_account,
#CMAccount_AnalyticsList_fundTypeCurrency {
  float: left;
  margin: 10px 0px 0px 0px;
}

#CMAccount_Analytics #CMAccount_AnalyticsList_header {
  float: left;
  border-bottom: none;
  width: 100%;
  padding: 0 0 0 10px;
}

#CMAccount_AnalyticsList_GridView .CMGlobal_CAGridViewMaster_gridviewheadingtext {
  padding: 0 !important;
}

#CMAccount_AnalyticsList_GridView .CMGlobal_CAGridViewMaster_gridviewdatacell div {
  padding: 0 !important;
}

#CMAccount_AnalyticsList_GridView .CMAccount_AnalyticsList_GridView_column1dyield div,
#CMAccount_AnalyticsList_GridView .CMAccount_AnalyticsList_GridView_columndailyfactor div,
#CMAccount_AnalyticsList_GridView .CMAccount_AnalyticsList_GridView_columndailyinterest div,
#CMAccount_AnalyticsList_GridView .CMAccount_AnalyticsList_GridView_columnmtdaccrual div,
#CMAccount_AnalyticsList_GridView .CMAccount_AnalyticsList_GridView_columnenddaybalance div {
  text-align: right !important;
}

#CMAccount_AnalyticsList_GridView .CMGlobal_CAGridViewMaster_gridviewheadingtext {
  text-align: right !important;
}

#CMAccount_AnalyticsList_GridView .CMAccount_AnalyticsList_GridView_columnheaderdate .CMGlobal_CAGridViewMaster_gridviewheadingtext {
  text-align: left !important;
}

#CMAccount_AnalyticsList_GridView .CMGlobal_CAGridViewMaster_gridviewfooter table tr td:nth-of-type(2) {
  float: right;
}

.CMAccount_AnalyticsFilter_error {
  color: #b5121b !important;
  border: none !important;
}

cm-datagrid .ag-theme-fresh.cm-data-grid {
  float: right;
}

cm-datagrid .ag-theme-fresh .ag-root {
  border: none;
}

cm-datagrid .ag-theme-fresh .ag-header {
  font-size: 13px;
  color: #666;
  border-bottom: 3px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  height: 38px !important;
  min-height: 38px !important;
}

cm-datagrid .ag-theme-fresh .ag-header-cell {
  padding: 8px;
}

cm-datagrid .ag-theme-fresh .ag-header-cell:last-child {
  border-right: none !important;
}

cm-datagrid .ag-theme-fresh .ag-header-cell-label {
  padding: 0px;
  line-height: 20px;
  display: flex !important;
  justify-content: flex-end;
}

cm-datagrid .ag-theme-fresh .ag-cell {
  text-align: right;
  font-size: 13px;
}

cm-datagrid .ag-theme-fresh .ag-row-odd {
  background-color: #f1f2f2;
}

cm-datagrid .ag-theme-fresh .ag-row.ag-row-odd.ag-row-focus {
  background: #f1f2f2 !important;
}

cm-datagrid .ag-theme-fresh .ag-row.ag-row-even.ag-row-focus {
  background: #fff !important;
}

cm-datagrid .ag-theme-fresh .ag-icon-desc {
  background-color: transparent;
  background: url(component/icons/desc.svg?color1=%23333333&color2=%23FFFFFF) center no-repeat !important;
  height: 78%;
}

cm-datagrid .ag-theme-fresh .ag-icon-asc {
  background-color: transparent;
  background: url(component/icons/asc.svg?color1=%23333333&color2=%23FFFFFF) center no-repeat !important;
  height: 78%;
}

cm-datagrid .ag-theme-fresh .ag-body-viewport {
  overflow-y: auto !important;
}

cm-datagrid .ag-theme-fresh .ag-body-viewport .ag-center-cols-container {
  min-width: 100%;
}

cm-datagrid .ag-theme-fresh .cm-datagrid-analytics-header-asofdate .ag-header-cell-label {
  justify-content: flex-start;
}

cm-datagrid .ag-theme-fresh .cm-datagrid-analytics-asofdate {
  text-align: left !important;
}

cm-datagrid .cm-datagrid-nodata {
  float: left;
  position: relative;
  top: -60px;
  left: 20px;
}

cm-datagrid .cm-datagrid-pagination-container .page-container {
  justify-content: flex-end !important;
  display: flex;
  padding: 5px !important;
}

cm-datagrid .cm-datagrid-pagination-container .page-container .navigationButton {
  border: none;
  background: none;
  color: #236093;
  font-size: 13px;
  text-decoration: none;
  padding: 2px;
}

cm-datagrid .cm-datagrid-pagination-container .page-container .navigationButton:hover:enabled {
  border: none;
  background: none;
  color: #236093;
  font-size: 13px;
  text-decoration: none;
  padding: 2px;
  cursor: pointer;
}

cm-datagrid .cm-datagrid-pagination-container .page-container .currentPage {
  border: none;
  background: none;
  color: #666 !important;
  font-size: 13px;
  border-bottom: none !important;
  cursor: default !important;
  text-decoration: none !important;
}

cm-datagrid .cm-datagrid-pagination-container .page-container .currentPage:hover {
  border: none;
  background: none;
  color: #666 !important;
  border-bottom: none !important;
  cursor: default !important;
}

cm-datagrid .cm-datagrid-pagination-container .page-container button:disabled {
  color: #ccc;
  cursor: default;
}

cm-datagrid .cm-datagrid-pagination-container .cm-datagrid-pagination .PageNumber {
  width: auto;
  float: left;
  padding-top: 5px;
  color: #666;
  font-size: 13px;
}

/*-----------------------------End : Daily Interest Page---------------------------*/
/*------------------------ Account LookUp Page-----------------------------*/
#C486MiddleOffice_AccountLookup {
  margin: 0 auto;
  max-width: 1280px;
}

#CMMiddleOffice_AccountLookup_loginname {
  float: right;
  padding: 11px 8px 0 0;
  margin: 0;
  color: #a2a4a3;
  display: none;
}

#C486MiddleOffice_AccountLookup #C486MiddleOffice_AccountLookup_Search_instructions, #dvGridMessage div, #C486MiddleOffice_AccountLookup .CMGlobal_infomessage {
  color: #666;
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px;
  float: left;
  margin: 5px 0 0;
  width: 100%;
}

#dvGridMessage {
  float: left;
  width: 100%;
  margin-bottom: 16px;
}

#C486MiddleOffice_AccountLookup #C486MiddleOffice_AccountLookup_Search {
  float: left;
  padding: 10px 0;
}

#C486MiddleOffice_AccountLookup_SearchChoice {
  float: left;
  width: 100%;
  margin: 0 0 10px;
}

#C486MiddleOffice_AccountLookup #dvSearchSelect {
  float: left;
  margin: 8px 0px 0px 0px;
}

#C486MiddleOffice_AccountLookup_SearchChoice_label, .C486MiddleOffice_AccountLookup_SearchChoice_accounts, .C486MiddleOffice_AccountLookup_SearchChoice_user, .C486MiddleOffice_AccountLookup_SearchChoice_company {
  float: left;
  margin: 0 10px 0 0;
}

.C486MiddleOffice_AccountLookup_SearchChoice_radio {
  float: left;
  margin: -1px 5px 0 0;
}

.C486MiddleOffice_AccountLookup_SearchChoice_label {
  float: left;
}

.C486MiddleOffice_AccountLookup_SearchFields {
  float: left;
  width: 1200px;
}

.C486MiddleOffice_AccountLookup_SearchFields_entry {
  margin: 10px 10px 0 0;
}

.C486MiddleOffice_AccountLookup_SearchFields_label {
  font-weight: bold;
  margin: 13px 0 3px 0;
  float: left;
  width: 134px;
}

#C486MiddleOffice_AccountLookup_Search_buttonbox {
  clear: both;
  margin: 10px 0;
  float: left;
}

#C486MiddleOffice_AccountLookup .buttonviewaccount {
  border: none;
  color: #236093;
  background: none;
  font-size: 13px;
  cursor: pointer;
  margin: 0 5px 0 0px;
  text-decoration: none;
  border-bottom: 0px solid #fff;
}

#C486MiddleOffice_AccountLookup .buttonviewaccount:hover, #C486MiddleOffice_AccountLookup .buttonviewaccount:active {
  color: #236093;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 0 solid #236093;
}

.C486CPTools_MiddleOffice_AccountLookup_GridView_columnheaderviewaccount div,
.C486CPTools_MiddleOffice_AccountLookup_GridView_columnheaderviewaccounts div,
.C486CPTools_MiddleOffice_AccountLookup_GridView_columnheaderviewaccounts div td {
  text-align: center !important;
}

.C486CPTools_MiddleOffice_AccountLookup_GridView_columnaccountname,
.C486CPTools_MiddleOffice_AccountLookup_GridView_columnbrokeraccount,
.C486CPTools_MiddleOffice_AccountLookup_GridView_columncompany,
.C486CPTools_MiddleOffice_AccountLookup_GridView_columnuserid,
.C486CPTools_MiddleOffice_AccountLookup_GridView_columnfirstname,
.C486CPTools_MiddleOffice_AccountLookup_GridView_columnlastname {
  text-align: left !important;
}

#dvGridRecordCount {
  float: left;
  margin: 0px 0px 15px 0px;
  font-weight: bold;
}

#C486MiddleOffice_AccountLookup_GridView .CMGlobal_CAGridViewMaster_gridviewfooter table tr td:nth-of-type(2) {
  float: right;
}

#C486MiddleOffice_AccountLookup_GridView .CMGlobal_CAGridViewMaster_gridviewheadingcell:hover {
  cursor: pointer;
}

#C486MiddleOffice_AccountLookup_GridView .CMGlobal_CAGridViewMaster_gridviewdatacell {
  padding-left: 3px;
}

#C486MiddleOffice #dvErrorMessage {
  color: #b5121b;
  background-color: #fff;
  border: none;
  padding: 5px 0;
}

#C486MiddleOffice #dvErrorMessage:empty {
  display: none;
}

/*--------------------------CMDatagrid CSS***********************************/
app-button-renderer button {
  border: none;
  background: none;
  color: #236093;
  text-decoration: none;
  padding-left: 0px;
  font-family: CitiSans, arial, helvetica, sans-serif;
}

app-button-renderer button:hover {
  color: #236093;
  cursor: pointer;
}

#accountLookupGridContainer {
  float: left;
  width: 100%;
}

#accountLookupGridContainer .ag-theme-fresh {
  font-family: "PTSans", arial, verdana, helvetica, sans-serif;
}

#accountLookupGridContainer .ag-theme-fresh .ag-header-row {
  height: 40px !important;
}

#accountLookupGridContainer .ag-theme-fresh .ag-ltr .ag-cell {
  border-right: none !important;
}

#accountLookupGridContainer .ag-theme-fresh .ag-root {
  border: none;
}

#accountLookupGridContainer .ag-theme-fresh .ag-icon-asc, #accountLookupGridContainer .ag-theme-fresh .ag-icon-desc {
  display: none;
}

#accountLookupGridContainer .ag-theme-fresh .ag-header-cell {
  font-family: CitiSans, arial, helvetica, sans-serif;
  text-align: left;
  padding-left: 0px;
}

#accountLookupGridContainer .ag-theme-fresh .accountlookup-cmdatagrid-user-header-companyname, #accountLookupGridContainer .ag-theme-fresh .accountlookup-cmdatagrid-header-currency {
  border-right: none !important;
}

#accountLookupGridContainer .ag-theme-fresh .ag-cell {
  text-align: left;
  color: #666;
  font-size: 13px !important;
  font-family: CitiSans, arial, helvetica, sans-serif;
  padding-left: 0px;
}

#accountLookupGridContainer .ag-theme-fresh .accountlookup-cmdatagrid-viewaccount, #accountLookupGridContainer .ag-theme-fresh .accountlookup-cmdatagrid-viewcompany, #accountLookupGridContainer .ag-theme-fresh .accountlookup-cmdatagrid-user-viewaccount, #accountLookupGridContainer .ag-theme-fresh .accountlookup-cmdatagrid-currency {
  text-align: center;
}

#accountLookupGridContainer .ag-theme-fresh .accountlookup-cmdatagrid-accountname {
  text-transform: uppercase;
}

#accountLookupGridContainer .ag-theme-fresh .ag-header-cell-label {
  text-align: inherit;
  color: #666;
  padding-top: 0px;
}

#accountLookupGridContainer .ag-theme-fresh .accountlookup-cmdatagrid-header-viewaccount, #accountLookupGridContainer .ag-theme-fresh .accountlookup-cmdatagrid-header-viewcompany, #accountLookupGridContainer .ag-theme-fresh .accountlookup-cmdatagrid-user-header-viewaccount {
  text-align: center;
}

#accountLookupGridContainer .ag-theme-fresh .ag-row-odd {
  background: #f1f2f2;
  border-bottom: 0 solid #236093;
}

#accountLookupGridContainer .ag-theme-fresh .ag-row-even {
  background: #fff;
  color: #000;
}

#accountLookupGridContainer .ag-theme-fresh .ag-header {
  font-family: "PTSans", arial, verdana, helvetica, sans-serif;
}

#accountLookupGridContainer #accountLookupGrid .page-container .navigationButton {
  border: none;
  background: none;
  color: #236093;
  font-size: 13px;
  padding: 2px;
  margin: 0 !important;
  font-family: CitiSans, arial, helvetica, sans-serif;
}

#accountLookupGridContainer #accountLookupGrid .page-container .navigationButton:hover:enabled {
  border: none;
  background: none;
  color: #236093;
  font-size: 13px;
  padding: 2px;
  margin: 0 !important;
  text-decoration: none;
  font-family: CitiSans, arial, helvetica, sans-serif;
}

#accountLookupGridContainer #accountLookupGrid .page-container .currentPage {
  border: none;
  background: none;
  color: #666 !important;
  font-size: 13px;
  text-decoration: none !important;
  cursor: default !important;
}

#accountLookupGridContainer #accountLookupGrid .page-container .currentPage:hover {
  border: none;
  background: none;
  color: #666 !important;
  font-size: 13px;
  cursor: default !important;
  text-decoration: none !important;
}

#accountLookupGridContainer #accountLookupGrid .page-container button:disabled {
  color: #ccc;
  cursor: default;
}

#accountLookupGridContainer #accountLookupGrid .cell-wrap-text {
  white-space: normal !important;
}

#accountLookupGridContainer #accountLookupGrid .ag-body-viewport .ag-center-cols-container {
  min-width: 100%;
}

#accountLookupGridContainer .ag-row-no-animation .ag-row {
  transition: none;
}

#accountLookupGridContainer .ag-row.ag-row-odd.ag-row-focus {
  background: #f1f2f2 !important;
  color: #000;
}

#accountLookupGridContainer .ag-row.ag-row-odd {
  background: #f1f2f2 !important;
  color: #000;
}

#accountLookupGridContainer .ag-row.ag-row-even.ag-row-focus {
  background: #fff !important;
  border-bottom: 1px solid #eeeeee !important;
  color: #000;
}

#accountLookupGridContainer .ag-row.ag-row-even {
  background: #fff !important;
  border-bottom: 1px solid #eeeeee !important;
  color: #000;
}

#accountLookupGridContainer .ag-cell-focus {
  border: none !important;
  border-width: 0px !important;
}

#accountLookupGridContainer .ag-theme-fresh .ag-header-cell-label .ag-header-cell-text {
  width: 100%;
  margin-left: 5px;
}

#accountLookupGridContainer .cm-data-grid {
  width: 100%;
}

@media all and (-ms-high-contrast: none) {
  #accountLookupGridContainer .cm-data-grid {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

.cm-datagrid-pagination-container {
  margin-top: 10px;
  padding: 8px;
  float: right;
  width: 100%;
}

.cm-datagrid-pagination-container .page-container {
  justify-content: flex-end !important;
  display: flex;
  padding: 5px !important;
}

.cm-datagrid-pagination .PageNumber {
  width: auto;
  float: left;
  padding-top: 3px;
  color: #666;
}

.cm-datagrid-pagination .PageNumber span {
  font-weight: bold;
}

#C486MiddleOffice_AccountLookup .ag-body-viewport {
  overflow-y: auto !important;
  background-color: #fff;
}

/*--------------------------End: CMDataGrid*******************************************/
/*------------------- End : Account LookUp Page-----------------------------*/
/*------------Alert Setting Page------------------------------------*/
#CMAlerts_Subscription {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  padding: 0 0 30px 0;
  background: #FFF;
}

#CMAlerts_Subscription .container {
  width: 100%;
  padding: 10px;
}

#CMAlerts_Subscription .CMGlobal_introductionheader {
  line-height: 30px;
  clear: both;
  padding-top: 35px;
}

#CMAlerts_Subscription .jumbotron {
  color: #666;
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px;
}

#CMAlerts_Subscription .field-validation-error, .phonesettings-component .error-message {
  background: #fff;
  padding: 5px 0;
  border: none;
  color: #b5121b !important;
  width: auto;
  clear: both;
  float: left;
  margin: 3px 3px 3px 0;
}

#CMAlerts_Subscription span.input-group-addon {
  padding-left: 5px;
  padding-top: 8px;
  float: left;
}

.phonesettings-component .error-message {
  margin-left: -15px;
}

#CMAlerts_Subscription .text-danger {
  color: #b5121b !important;
}

#CMAlerts_Subscription .alert-success {
  color: #24CA64;
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px;
  width: 100%;
  clear: both;
  float: left;
  border-radius: 0;
}

#CMAlerts_Subscription .alert-success .close {
  color: gray;
  border: none;
  opacity: .9;
  right: 6px;
  padding: 0px;
}

#NavAlertSubscriptionToolTip,
#DailyLiquidityAlertSubscriptionToolTip,
#WeeklyLiquidityAlertSubscriptionToolTip,
#NetAssetFlowAlertSubscriptionToolTip,
#PortfolioRulesViolationsAlertSubscriptionToolTip {
  background: transparent url("../images/icon-info-circle.png") center no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  margin-left: 5px;
  top: -5px;
  position: absolute;
}

#CMAlerts_Subscription .has-error .form-control {
  border: 1px solid #cccccc;
}

#CMAlerts_Subscription .CMAlert_Subscription_Percent_Sign_Enabled {
  background-color: #fff !important;
  color: #666;
}

#CMAlerts_Subscription .form-control {
  border-radius: 0 !important;
  color: #666;
}

#CMAlerts_Subscription .form-control:focus {
  box-shadow: none !important;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#CMAlerts_Subscription .checkbox label {
  padding: 0;
}

#NavAlertSubscriptionToolTip,
#DailyLiquidityAlertSubscriptionToolTip,
#WeeklyLiquidityAlertSubscriptionToolTip,
#NetAssetFlowAlertSubscriptionToolTip,
#PortfolioRulesViolationsAlertSubscriptionToolTip {
  font-size: 0;
  height: 17px;
  width: 17px;
}

#NavAlertSubscriptionToolTip p, #DailyLiquidityAlertSubscriptionToolTip p, #WeeklyLiquidityAlertSubscriptionToolTip p, #NetAssetFlowAlertSubscriptionToolTip p {
  font-size: 11px !important;
  color: #333333 !important;
  border: 1px solid #CCCCCC !important;
  font-family: CitiSans, arial, helvetica, sans-serif;
}

.tooltip-inner, #CMReport_FundComparison .tooltip-inner {
  background: #fff;
  border-radius: 0px;
  border: 1px solid #CCCCCC;
  color: #666;
  font-size: 11px;
}

.tooltip.in {
  opacity: 1 !important;
}

.tooltip.top .tooltip-arrow {
  display: none;
}

#CMAlerts_Subscription .label_Enabled {
  color: #666;
  float: left;
}

#CMAlerts_Subscription .CMbutton {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  padding: 1em 2em !important;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  border: none;
  font-weight: bold;
  margin: 10px;
  float: left;
  margin-left: 0px;
}

#CMAlerts_Subscription .CMbutton:hover, #CMAlerts_Subscription .CMbutton:focus, #CMAlerts_Subscription .CMbutton:active {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border-radius: 0;
  padding: 1em 2em;
  font-size: 12px;
  color: #fff !important;
  border: none !important;
}

#CMAlerts_Subscription .CMbutton:disabled, #CMAlerts_Subscription .CMbutton[disabled] {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
}

.tooltip-inner p, #CMReport_FundComparison .tooltip-inner p {
  text-align: left;
  font-size: 11px !important;
}

#CMAlerts_Subscription .text-center label input {
  position: relative;
  top: 2px;
}

#NavAlertSubscription_IsEmailSubscribed, #DailyLiquidityAlertSubscription_IsEmailSubscribed, #WeeklyLiquidityAlertSubscription_IsEmailSubscribed, #NetAssetFlowAlertSubscription_IsEmailSubscribed {
  margin-top: 2px;
}

#CMAlerts_Subscription hr {
  border-top: 1px solid #ccc;
}

.btn-link {
  text-decoration: none;
  font-size: 13px;
}

.phonesettings-component .modal-footer .btn-default {
  background: #236093;
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0;
  margin: 10px;
  margin-right: 0;
}

.phonesettings-component .modal-footer .btn-default:hover, .phonesettings-component .modal-footer .btn-default:focus, .phonesettings-component .modal-footer .btn-default:active, .phonesettings-component .modal-footer .btn-default.active {
  background: #236093;
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 1em 2em;
}

#GridArea .k-pager-nav {
  display: none;
}

/*------------End : Alert Setting Page------------------------------------*/
/*------------Alerts Page-------------------------------------------------*/
#CMAlerts_Home {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  padding: 0 0 30px 0;
  background: #FFF;
}

#CMAlerts_Home .container {
  width: 100%;
  padding: 0;
}

#CMAlerts_Home #CMGlobal_introduction {
  float: left;
}

#CMAlerts_Home .CMGlobal_introductionheader {
  line-height: 30px;
}

#CMAlerts_Home .container .filterArea {
  border: none;
  background: none;
  padding: 0 0 20px 0;
  clear: both;
}

#CMAlerts_Home .k-grid-norecords {
  margin-top: 10px;
  float: left;
  padding: 0;
  background-position-y: 15px;
}

#CMAlerts_Home .k-grid-norecords-template {
  background: transparent;
  float: left;
  text-align: left;
  width: auto;
  height: initial;
  line-height: initial;
}

#CMAlerts_Home .container .filterArea .k-widget {
  height: 31px;
  background: transparent;
}

#CMAlerts_Home #AlertBeginDateSearch, #CMAlerts_Home #AlertEndDateSearch, #CMAlerts_Home #AlertTypeSearch {
  border: 1px solid #d2d2d2;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 12px;
  height: 31px;
  color: #666 !important;
  width: 126px !important;
  padding: 0 12px;
  border-radius: 0;
}

#CMAlerts_Home .k-state-default > .k-select {
  border: none;
}

#CMAlerts_Home .filterArea .k-picker-wrap, #CMAlerts_Home .filterArea .k-dropdown-wrap {
  height: 100%;
  border-radius: 0 !important;
  border: none;
  background: none;
}

#CMAlerts_Home .filterArea .k-dropdown-wrap, #CMAlerts_Home .filterArea .k-dropdown-wrap.k-state-hover {
  border: 1px solid #d2d2d2 !important;
}

#CMAlerts_Home .filterArea .k-datepicker .k-select .k-icon {
  background: #fff url("../images/icon_calendar.gif") no-repeat scroll 0 0;
  height: 24px;
  position: relative;
  right: 10px;
  top: 7px;
  width: 24px;
}

.k-grid-header th {
  border: none;
}

#GridArea #grid, #GridArea #grid tr th, #GridArea #grid tr td {
  border: none;
}

#GridArea #grid tr th a {
  border-bottom: none;
  text-decoration: none;
}

#GridArea #grid tr td {
  border-bottom: none !important;
  border-top: none !important;
  text-align: left !important;
}

#GridArea #grid tr th {
  text-align: left !important;
  text-decoration: none !important;
  padding: 7px !important;
  border-bottom: 3px solid #d2d2d2 !important;
  border-top: 1px solid #d2d2d2 !important;
  font-weight: bold;
  border-right: 1px solid #d2d2d2 !important;
}

#GridArea #grid tr th:last-child {
  border-right: none !important;
}

#GridArea .k-grid tr:hover {
  background: #f1f2f2;
}

#GridArea .k-grid tr.k-alt:hover {
  background-color: #f1f1f1;
}

#GridArea .k-grid tr {
  background: #fff !important;
  box-shadow: none !important;
  background-image: none;
}

#GridArea .k-grid tr.k-alt {
  background: #f1f2f2 !important;
  box-shadow: none !important;
  background-image: none;
}

#GridArea .k-grid-pager {
  background: none !important;
}

#GridArea .k-grid-pager .k-pager-nav, #GridArea .k-grid-pager .k-pager-numbers {
  border: none;
}

#GridArea .k-grid-pager .k-pager-nav, #GridArea .k-grid-pager .k-pager-numbers a {
  color: #236093;
  border: none;
}

#GridArea .k-grid-pager .k-pager-nav:hover, #GridArea .k-grid-pager .k-pager-numbers a:hover {
  color: #236093;
  background: none;
  border: none;
}

#GridArea .k-grid-pager .k-pager-nav, #GridArea .k-grid-pager .k-pager-numbers .k-state-selected {
  font-weight: bold;
}

#CMAlerts_Home .k-pager-numbers .k-state-selected {
  border-style: none;
  color: #333333;
  background: none !important;
}

#CMAlerts_Home .k-pager-wrap {
  overflow: visible;
  background-color: white;
  border-width: 0px;
  border-top: none;
  background: #E8E8E8 !important;
  padding: 9px;
}

#AlertTypeSearch-list .k-item, #AlertTypeSearch-list .k-list-optionlabel {
  background: #fff;
  border-radius: 0px;
  padding: 2px 0px 2px 5px;
}

#AlertTypeSearch-list .k-item.k-state-selected.k-state-focused, #AlertTypeSearch-list .k-list-optionlabel.k-state-selected.k-state-focused {
  color: #2E2E2E;
  border: none;
}

#AlertTypeSearch-list .k-item.k-state-selected.k-state-focused.k-state-hover, #AlertTypeSearch-list .k-list-optionlabel.k-state-selected.k-state-focused.k-state-hover {
  color: #fff;
  background: #319aff !important;
}

#AlertTypeSearch-list .k-item.k-state-hover, #AlertTypeSearch-list .k-list-optionlabel.k-state-hover {
  color: #fff;
  background: #319aff !important;
  padding: 2px 0px 2px 5px;
}

.k-list-container {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #999 !important;
  padding: 0 !important;
}

.k-dropdown-wrap.k-state-focused {
  box-shadow: none !important;
}

.k-dropdown-wrap .k-input {
  padding: 6px 30px 6px 12px;
  height: 31px;
  padding-top: 6px;
}

.k-dropdown-wrap .k-select {
  padding-top: 0;
}

.k-autocomplete.k-state-border-down {
  box-shadow: none;
}

.CMAlerts_Disclaimer,
.CMAlerts_Subscription_Disclaimer {
  margin: 0 auto;
  max-width: 1280px;
}

#CMAlerts_Home #dvErrorMessage {
  background: #fff;
  padding: 5px 0;
  border: none;
  color: #b5121b;
  width: 100%;
  clear: both;
  float: left;
  margin: 3px 3px 3px 0;
}

#CMAlerts_Home #dvErrorMessage:empty {
  display: none;
}

.hyperlink {
  font-weight: bold !important;
  text-decoration: none !important;
  text-transform: uppercase;
}

/*span#PortfolioRulesViolationsAlertSubscriptionToolTip {
    margin-left: 3px;
}*/
.rule_group_box .rule_group_right {
  padding-left: 0px;
  float: none;
}

#GridArea .k-grid-header span.k-icon.k-i-sort-desc-sm {
  display: none !important;
}

#AlertBeginDateSearch_dateview, #AlertEndDateSearch_dateview {
  width: 329px !important;
  padding: 0px !important;
  height: 230px !important;
}

#AlertBeginDateSearch_dateview .k-calendar, #AlertEndDateSearch_dateview .k-calendar {
  width: 100% !important;
  height: 230px !important;
}

/*------------End : Alerts Page-------------------------------------------------*/
/* ---------------------------------------------------------------------------------------*/
/* ---------------------------->>> FIXED INCOME INVENTORY <<<-----------------------------*/
/* ---------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------*/
/* ---------------------------->>> FIXED INCOME INVENTORY <<<-----------------------------*/
/* ---------------------------------------------------------------------------------------*/
#CMFixedIncome {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  padding: 0 0 30px 0;
}

#CMFixedIncome_Inventory {
  float: left;
  padding: 0 0 30px 0;
  width: 100%;
}

#CMFixedIncome_Inventory_data {
  float: left;
  width: 100%;
}

.CMFixedIncome_Inventory_securitytypedefinitionbutton div:before {
  margin-left: 5px;
  content: "Security Type Definition";
}

.CMFixedIncome_Inventory_securitytypedefinitionbutton input.buttonsecuritydefinition {
  background: url(../Widgets/images/icon_info.png) no-repeat center center;
  border: none;
  cursor: pointer;
  float: left;
  width: 18px;
  height: 36px;
  margin-top: -9px;
}

#CMFixedIncome_Inventory_searchbox {
  float: left;
  margin-top: 10px;
  width: 20%;
  clear: both;
  border: 3px solid #EAE9E9;
}

#CMFixedIncome_Inventory .CMMiddleOffice_modalPopupbuttonbox {
  margin-top: -405px;
  margin-right: 5px;
  float: right;
}

.CMMiddleOffice_modalPopupbuttonbox input {
  cursor: pointer;
  font-size: 0px !important;
  background: transparent url(../images/icon_Close.png) no-repeat 0 0 !important;
  height: 24px !important;
  width: 24px !important;
  border: none;
}

#CMFixedIncome_modalPopupheader {
  text-align: left;
  margin: 0 0 20px 0;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}

.CMFixedIncome_Inventory_searchfiltervalidation ul {
  color: #D02433;
  font-weight: bold;
  list-style: none;
  margin: 0;
  padding: 0 0 5px 0;
}

#CMFixedIncome_Inventory_searchfilter input,
#CMFixedIncome_Inventory_searchfilter select {
  margin: 0;
  width: 100%;
}

.CMFixedIncome_Inventory_searchfilter_entryinvestmenttype,
.CMFixedIncome_Inventory_searchfilter_entryquantity,
.CMFixedIncome_Inventory_searchfilter_entryinvestmentlength {
  float: left;
  margin: 0 0 20px !important;
  width: 100%;
}

.CMFixedIncome_Inventory_searchfilterautocomplete {
  border: 1px solid #999;
  color: #6d6f71 !important;
  list-style-type: none;
  margin: 0px !important;
  max-height: none;
  padding: 0;
  overflow: auto;
  text-align: left;
  visibility: hidden;
  width: 250px;
}

ul.CMFixedIncome_Inventory_searchfilterautocomplete {
  color: #6d6f71 !important;
  font-size: 10px;
}

.CMFixedIncome_Inventory_searchfilter_entryissuer {
  float: left;
  margin: 0 0 20px;
  width: 100%;
}

.CMFixedIncome_Inventory_searchfilter_entrysearchbutton {
  clear: both;
  float: left;
  margin: 0;
  background: #0072B5;
  border-radius: 2px;
  width: 100%;
}

.CMFixedIncome_Inventory_searchfilter_entrysearchbutton:hover {
  background: #4BA2DA;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#CMFixedIncome_Inventory_searchfilter .CMFixedIncome_Inventory_searchfilter_entrysearchbutton input.buttonsearch {
  background: url(../images/button_search.png) no-repeat center center;
  border: none;
  height: 36px;
  width: 100%;
  margin-left: 0 !important;
}

.CMFixedIncome_Inventory_searchfilter_entrylabel {
  font-weight: bold;
  margin: 0 0 3px 0;
  font-size: 12px;
}

#CMFixedIncome_Inventory_searchfilter .CMFixedIncome_Inventory_searchfilter_entryinput select {
  color: #000;
  margin: 0;
}

select.CMInventory_FixedIncome_searchfilter_investmentlengthinput {
  width: 120px;
}

input.CMInventory_FixedIncome_searchfilter_issuerinput {
  width: 250px;
}

input.buttonbuy {
  background: transparent url(../images/AccountTradeButton.gif) repeat scroll 0 0;
  border: none;
  cursor: pointer;
  height: 15px;
  width: 40px;
}

#CMFixedIncome_Inventory input.buttonbuy {
  background: #0072B5 url(../images/button-trade.png) no-repeat center center;
  border-radius: 2px;
  height: 36px !important;
  width: 76px !important;
}

#CMFixedIncome_Inventory input.buttonbuy:hover {
  background: #4BA2DA url(../images/button-trade.png) no-repeat center center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.CMTrade_tableColumnHeaderTrade_innercontent .dropdown {
  float: left;
}

#CMFixedIncome_Inventory_datagridview {
  float: left;
  width: 80%;
}

#CMFixedIncome_Inventory_errormessage {
  color: #F4404E;
  font-weight: bold;
  padding: 5px 10px;
  width: 100%;
}

.CMFixedIncome_GridViewMaster {
  border: none !important;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  display: inline-block;
  padding: 20px;
}

.CMFixedIncome_GridViewHeader {
  border-top: 1px solid #b7bcc4;
  border-bottom: 1px solid #b7bcc4;
  font-weight: bold;
}

.CMFixedIncome_GridViewMaster t.CMFixedIncome_GridViewHeaderr td {
  border-bottom: 1px solid #c5c5c5;
  padding: 10px;
}

table.CMFixedIncome_GridViewMaster th {
  font-weight: bold;
}

table.CMFixedIncome_GridViewMaster th:last-child {
  border-right: none;
}

tr.CMFixedIncome_emptyrow td {
  color: #d02433;
  font-weight: bold;
  padding: 0 10px;
}

/* ---------------------------------------------------------------------------------------*/
/* ---------------------------->>> FIXED INCOME INVENTORY end <<<-----------------------------*/
/* ---------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------*/
/* --------------------------------->>> FIXED INCOME TRADE <<<---------------------------------*/
/* --------------------------------------------------------------------------------------------*/
#CMFixedIncome_EnterAmount {
  float: left;
  padding: 0 0 30px 0;
  width: 100%;
}

#CMFixedIncome_Trade {
  margin: 0 auto;
  width: 85%;
}

#CMFixedIncome_Trade_data {
  font-weight: normal;
  margin: 0 auto;
  width: 100%;
}

#CMFixedIncome_Trade_data input, #CMFixedIncome_Trade_data select {
  margin: 0 0 0 10px;
}

#CMFixedIncome_Trade_data input[type=radio] {
  border: none;
}

#CMFixedIncome_Trade_data_securityinfo {
  clear: both;
  float: left;
  margin: 0;
  width: 100%;
  padding: 20px;
  background: #ffffff;
}

#CMFixedIncome_PreviewTrade #CMFixedIncome_Trade_data_securityinfo > div {
  width: 100%;
}

#CMFixedIncome_PreviewTrade #CMFixedIncome_Trade_data_securityinfo {
  border: none;
}

#CMFixedIncome_Trade_data_tradeinfo {
  clear: both;
  float: left;
  margin: 0 auto;
  padding: 20px;
  width: 100%;
  background: #ffffff;
}

#CMFixedIncome_PreviewTrade #CMFixedIncome_Trade_data_tradeinfo {
  margin: 10px auto 0 auto;
}

#CMFixedIncome_Trade_data_tradeconfirmationinfo {
  background: #ffffff;
  clear: both;
  float: left;
  margin: 20px auto 0 auto;
  padding: 20px;
  width: 100%;
}

#CMFixedIncome_Trade_data_confirmationleft {
  display: inline;
  float: left;
  margin: 0 30px 10px 0;
  width: 40%;
}

#CMFixedIncome_Trade_data_confirmationright {
  float: left;
  margin: 0 0 10px 0;
  width: 40%;
}

#CMFixedIncome_Trade_data_tradeinfo .CMFixedIncome_Trade_tradeinformationdataentrydata_termsagree textarea {
  font-family: 'Roboto', Arial,verdana,sans-serif;
  width: 400px;
}

.CMFixedIncome_Trade_errormessage {
  color: #D02433;
  font-weight: bold;
  padding: 0 0 10px 0;
}

.CMFixedIncome_Trade_errormessagenodda {
  color: #D02433;
  display: block;
  font-weight: bold;
  font-size: 12px;
  padding: 0 0 10px 0;
  width: 100%;
}

#CMFixedIncome_Trade_data_securityinfo__issuer {
  display: inline;
  float: left;
  width: 15%;
}

#CMFixedIncome_Trade_data_securityinfo_securitytype {
  width: 10%;
  float: left;
}

#CMFixedIncome_Trade_data_securityinfo_securityname {
  float: left;
  width: 15%;
}

#CMFixedIncome_Trade_data_securityinfo__issuer .CMFixedIncome_Trade_data_securityinfocolumn,
#CMFixedIncome_Trade_data_securityinfo_securityname .CMFixedIncome_Trade_data_securityinfocolumn {
  text-align: left !important;
}

#CMFixedIncome_Trade_data_securityinfo_maturitydate {
  float: left;
  width: 10%;
}

#CMFixedIncome_Trade_data_securityinfo_discount {
  float: left;
  width: 15%;
}

#CMFixedIncome_Trade_data_securityinfo_quotedprice {
  float: left;
  width: 10%;
}

#CMFixedIncome_Trade_data_securityinfo_capacity {
  float: left;
  width: 10%;
}

#CMFixedIncome_Trade_data_securityinfo_asofdate {
  float: left;
  width: 15%;
}

#CMFixedIncome_Trade_data_securityinfo__issuer .CMFixedIncome_Trade_data_securityinfocolumn {
  text-align: left;
}

#CMFixedIncome_Trade_data_securityinfo__issuer .CMFixedIncome_Trade_data_securityinfocolumn,
#CMFixedIncome_Trade_data_securityinfo_securityname .CMFixedIncome_Trade_data_securityinfocolumn {
  text-align: left !important;
}

#CMFixedIncome_PreviewTrade {
  float: left;
  padding: 0 0 30px 0;
  width: 100%;
}

#CMFixedIncome_PreviewTrade #CMFixedIncome_Trade_data_securityinfo_asofdate {
  width: 15%;
}

.CMFixedIncome_Trade_data_securityinfoheader {
  border-bottom: 1px solid #B7BCC4;
  color: #677A89;
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  padding: 5px;
  text-align: center;
}

.CMFixedIncome_Trade_data_securityinfocolumn {
  background: #ffffff;
  /* Old browsers */
  padding: 10px;
  text-align: center;
}

.CMFixedIncome_tradetablemain {
  border: 0;
  margin: 0;
  padding: 0;
  width: 960px;
}

.CMFixedIncome_tradetablemain tr th {
  background: #ebe8e3;
  font-size: 10px;
  font-weight: bold;
}

.CMFixedIncome_Trade_previewtradetable {
  width: 940px;
}

#CMFixedIncome_Trade_tradeconfirmation {
  float: left;
  padding: 0 0 30px 0;
  width: 100%;
}

.CMFixedIncome_Trade_tradeconfirmationtable {
  width: 100%;
}

td.CMFixedIncome_Trade_tradetitle {
  font-weight: bold;
  padding: 3px 0 3px 0;
  text-align: left;
  vertical-align: top;
  width: 160px;
}

td.CMFixedIncome_Trade_tradedata {
  padding: 3px 0 3px 20px;
  vertical-align: top;
}

td.CMFixedIncome_Trade_confirmtradetitle {
  font-weight: bold;
  padding: 0 0 5px 0;
  text-align: left;
  vertical-align: top;
  width: 40%;
}

td.CMFixedIncome_Trade_confirmtradedata {
  padding: 0 0 5px 10px;
  vertical-align: top;
  width: 60%;
}

CMTrade_tradetabletopcell {
  text-align: center;
  vertical-align: top;
  border-right: 1px solid #ccc;
  font-weight: bold;
  padding: 3px;
  width: auto !important;
}

.CMTrade_tradetabletopcellleft {
  text-align: left;
  vertical-align: top;
  border-right: 1px solid #ccc;
  padding: 3px 5px 3px 5px;
  width: auto !important;
}

.CMTrade_tradetabletopcellright {
  text-align: center;
  vertical-align: top;
  padding: 3px 0 3px 0;
  width: auto !important;
}

.CMTrade_tradetabledatacell {
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  padding: 3px 0 3px 0;
}

.CMTrade_tradetabledatacellright {
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  padding: 3px 0 3px 0;
}

.CMTrade_tradetabledatacellleft {
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
  padding: 3px 5px 3px 5px;
}

td.CMTrade_tradewiredatacell {
  text-align: right;
  padding: 10px 5px 10px 0;
  vertical-align: top;
  border: 1px solid #ccc;
}

td.CMTrade_tradewiredatacellright {
  border: 1px solid #ccc;
  padding: 10px 0 10px 5px;
  text-align: left;
  vertical-align: top;
}

#CMFixedIncome_Trade_tradeinformation {
  float: left;
  margin: 0 0 20px 0;
  width: 100%;
}

#CMFixedIncome_Trade_tradeinformationheaderbox {
  float: left;
  width: 300px;
  display: none;
}

#CMFixedIncome_Trade_tradeinformationheader {
  font-size: 14px;
  font-weight: bold;
  padding: 0;
}

#CMFixedIncome_Trade_tradeinformationdatabox {
  float: left;
}

.CMFixedIncome_Trade_tradeinformationdataentry {
  clear: both;
  float: left;
  padding: 0 0 20px 0;
  width: 100%;
}

.CMFixedIncome_Trade_tradeinformationdataentrytitle {
  display: inline;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 0 20px 0 0;
  width: 160px;
}

.CMFixedIncome_Trade_tradeinformationdataentrydata {
  float: left;
  width: 440px;
}

.CMFixedIncome_Trade_tradeinformationdataentrydata #ctl00_cph_ctl02 {
  float: left;
  margin: 0;
  width: 100%;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiominimum {
  display: inline;
  float: left;
  margin: 0 20px 0 0;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiominimum_radio {
  float: left;
  margin: 3px 3px 0 0;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiominimum_label {
  float: left;
  margin: 0 5px 0 0;
  padding: 0 0 0 0;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiominimum_input {
  float: left;
  margin: -10px 0 0 10px;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiominimum_radio input {
  border: none !important;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiomaximum {
  float: left;
  margin: 20px 0 0 0;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiomaximum_radio {
  float: left;
  margin: 3px 3px 0 0;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiomaximum_radio input {
  border: none !important;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiomaximum_label {
  float: left;
  margin: 0 5px 0 0;
  padding: 0 0 0 0;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiomaximum_input {
  float: left;
  margin: -10px 0 0 55px;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiomaximum_input input.maximumprice {
  width: 120px;
}

#CMFixedIncome_Trade_contactinformation {
  float: left;
  width: 100%;
}

#CMFixedIncome_Trade_contactinformationheaderbox {
  float: left;
  width: 300px;
  display: none;
}

#CMFixedIncome_Trade_contactinformationheader {
  font-size: 14px;
  font-weight: bold;
  padding: 0;
}

#CMFixedIncome_Trade_contactinformationdatabox {
  float: left;
  margin: 0 0 10px 0;
  width: 620px;
}

.CMFixedIncome_Trade_contactinformationdataentry {
  padding: 3px 0 3px 0;
  clear: both;
  float: left;
  width: 100%;
}

.CMFixedIncome_Trade_contactinformationdataentrytitle {
  font-size: 12px;
  float: left;
  display: inline;
  width: 160px;
  margin: 0 20px 0 0;
  font-weight: bold;
}

.CMFixedIncome_Trade_contactinformationdataentrydata {
  float: left;
}

.CMFixedIncome_Trade_contactinformationdataentrydata textarea.notes {
  margin: 0;
  padding: 1px;
  width: 300px;
}

.CMFixedIncome_Trade_tradeinformationdataentrytitletermsagree {
  float: left;
  display: inline;
  text-align: left;
  margin: 0 20px 0 0;
  font-weight: bold;
  width: 160px;
}

.CMFixedIncome_Trade_tradeinformationdataentrydata_termsagree {
  float: left;
  margin: 5px 0 15px 0;
  padding: 0;
}

.CMFixedIncome_Trade_previewtrade_radio {
  display: block;
  margin: 0;
}

#CMFixedIncome_Trade_data_tradeinfo .CMFixedIncome_Trade_tradeinformationdataentrydata_termsagree .CMFixedIncome_Trade_previewtrade_radio input {
  border: none;
  margin: 10px 5px 0 0;
  text-align: left;
  width: 20px;
}

#CMFixedIncome_Trade_buttonbox {
  width: 100%;
  display: inline-block;
  background: #ffffff;
  padding: 20px;
}

#CMFixedIncome_Trade_buttonbox div {
  float: left;
  background: #0072B5;
  border-radius: 2px;
  margin-right: 10px;
}

#CMFixedIncome_Trade_buttonbox div:hover {
  background-color: #4BA2DA;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#CMFixedIncome_Trade_printtoolbox {
  display: none;
}

#CMFixedIncome_Trade_buttonbox .buttonback,
#CMFixedIncome_Trade_buttonbox .buttonback:hover {
  background: #0072b5 url(../images/button_back.png) no-repeat center center;
  border-radius: 2px;
  float: left;
  height: 36px;
  margin: 0;
  padding: 0;
  width: 69px;
}

#CMFixedIncome_Trade_buttonbox .buttonback:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#CMFixedIncome_Trade_buttonbox .buttoncontinue:hover {
  background: #4BA2DA url(../images/button_continue.png) no-repeat center center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#CMFixedIncome_Trade_buttonbox .buttoncontinue, #CMFixedIncome_Trade_buttonbox .buttoncontinue:hover {
  background: #0072b5 url(../images/button_continue_fixincome.png) no-repeat center center;
  border-radius: 2px;
  float: left;
  height: 36px;
  margin: 0;
  padding: 0;
  width: 100px;
}

/* --------------------------------------------------------------------------------------------*/
/* --------------------------------->>> FIXED INCOME TRADE <<<---------------------------------*/
/* --------------------------------------------------------------------------------------------*/
#CMFixedIncome_Trade {
  margin: 0 auto;
  width: 85%;
}

#CMFixedIncome_Trade_data {
  font-weight: normal;
  margin: 0 auto;
  width: 100%;
}

#CMFixedIncome_Trade_data input, #CMFixedIncome_Trade_data select {
  margin: 0 0 0 0;
}

#CMFixedIncome_Trade_data input[type=radio] {
  border: none;
}

#CMFixedIncome_Trade_data_securityinfo {
  clear: both;
  float: left;
  margin: 0;
  width: 100%;
  padding: 20px;
  background: #fff;
}

#CMFixedIncome_PreviewTrade #CMFixedIncome_Trade_data_securityinfo > div {
  width: 100%;
}

#CMFixedIncome_PreviewTrade #CMFixedIncome_Trade_data_securityinfo {
  border: none;
}

#CMFixedIncome_Trade_data_tradeinfo {
  clear: both;
  float: left;
  margin: 0 auto;
  padding: 20px;
  width: 100%;
  background: #fff;
}

#CMFixedIncome_PreviewTrade #CMFixedIncome_Trade_data_tradeinfo {
  margin: 10px auto 0 auto;
}

#CMFixedIncome_Trade_data_tradeconfirmationinfo {
  background: #fff;
  clear: both;
  float: left;
  margin: 20px auto 0 auto;
  padding: 20px;
  width: 100%;
}

#CMFixedIncome_Trade_data_confirmationleft {
  display: inline;
  float: left;
  margin: 0 30px 10px 0;
  width: 40%;
}

#CMFixedIncome_Trade_data_confirmationright {
  float: left;
  margin: 0 0 10px 0;
  width: 40%;
}

#CMFixedIncome_Trade_data_tradeinfo .CMFixedIncome_Trade_tradeinformationdataentrydata_termsagree textarea {
  font-family: 'Roboto', Arial,verdana,sans-serif;
  width: 400px;
}

.CMFixedIncome_Trade_errormessage {
  color: #D02433;
  font-weight: bold;
  padding: 0 0 10px 0;
}

.CMFixedIncome_Trade_errormessagenodda {
  color: #D02433;
  display: block;
  font-weight: bold;
  font-size: 12px;
  padding: 0 0 10px 0;
  width: 100%;
}

#CMFixedIncome_Trade_data_securityinfo__issuer {
  display: inline;
  float: left;
  width: 15%;
}

#CMFixedIncome_Trade_data_securityinfo__issuer .CMFixedIncome_Trade_data_securityinfocolumn {
  text-align: left;
}

#CMFixedIncome_Trade_data_securityinfo_securitytype {
  float: left;
  width: 10%;
}

#CMFixedIncome_Trade_data_securityinfo_securityname {
  float: left;
  width: 15%;
}

#CMFixedIncome_Trade_data_securityinfo__issuer .CMFixedIncome_Trade_data_securityinfocolumn,
#CMFixedIncome_Trade_data_securityinfo_securityname .CMFixedIncome_Trade_data_securityinfocolumn {
  text-align: center !important;
}

#CMFixedIncome_Trade_data_securityinfo_maturitydate {
  float: left;
  width: 10%;
}

#CMFixedIncome_Trade_data_securityinfo_discount {
  float: left;
  width: 15%;
}

#CMFixedIncome_Trade_data_securityinfo_quotedprice {
  float: left;
  width: 10%;
}

#CMFixedIncome_Trade_data_securityinfo_capacity {
  float: left;
  width: 10%;
}

#CMFixedIncome_Trade_data_securityinfo_asofdate {
  float: left;
  width: 15%;
}

#CMFixedIncome_PreviewTrade {
  float: left;
  padding: 0 0 30px 0;
  width: 100%;
}

#CMFixedIncome_PreviewTrade #CMFixedIncome_Trade_data_securityinfo_asofdate {
  width: 15%;
}

.CMFixedIncome_Trade_data_securityinfoheader {
  border-bottom: 1px solid #B7BCC4;
  color: #677A89;
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  padding: 5px;
  text-align: center;
}

.CMFixedIncome_Trade_data_securityinfocolumn {
  background: #fff;
  padding: 10px;
  text-align: center;
}

.CMFixedIncome_tradetablemain {
  border: 0;
  margin: 0;
  padding: 0;
  width: 960px;
}

.CMFixedIncome_tradetablemain tr th {
  background: #ebe8e3;
  font-size: 10px;
  font-weight: bold;
}

.CMFixedIncome_Trade_previewtradetable {
  width: 940px;
}

#CMFixedIncome_Trade_tradeconfirmation {
  float: left;
  padding: 0 0 30px 0;
  width: 100%;
}

.CMFixedIncome_Trade_tradeconfirmationtable {
  width: 100%;
}

td.CMFixedIncome_Trade_tradetitle {
  font-weight: bold;
  padding: 3px 0 3px 0;
  text-align: left;
  vertical-align: top;
  width: 160px;
}

td.CMFixedIncome_Trade_tradedata {
  padding: 3px 0 3px 20px;
  vertical-align: top;
}

td.CMFixedIncome_Trade_confirmtradetitle {
  font-weight: bold;
  padding: 0 0 5px 0;
  text-align: left;
  vertical-align: top;
  width: 40%;
}

td.CMFixedIncome_Trade_confirmtradedata {
  padding: 0 0 5px 10px;
  vertical-align: top;
  width: 60%;
}

CMTrade_tradetabletopcell {
  text-align: center;
  vertical-align: top;
  border-right: 1px solid #ccc;
  font-weight: bold;
  padding: 3px;
  width: auto !important;
}

.CMTrade_tradetabletopcellleft {
  text-align: left;
  vertical-align: top;
  border-right: 1px solid #ccc;
  padding: 3px 5px 3px 5px;
  width: auto !important;
}

.CMTrade_tradetabletopcellright {
  text-align: center;
  vertical-align: top;
  padding: 3px 0 3px 0;
  width: auto !important;
}

.CMTrade_tradetabledatacell {
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  padding: 3px 0 3px 0;
}

.CMTrade_tradetabledatacellright {
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  padding: 3px 0 3px 0;
}

.CMTrade_tradetabledatacellleft {
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
  padding: 3px 5px 3px 5px;
}

td.CMTrade_tradewiredatacell {
  text-align: right;
  padding: 10px 5px 10px 0;
  vertical-align: top;
  border: 1px solid #ccc;
}

td.CMTrade_tradewiredatacellright {
  border: 1px solid #ccc;
  padding: 10px 0 10px 5px;
  text-align: left;
  vertical-align: top;
}

#CMFixedIncome_Trade_tradeinformation {
  float: left;
  margin: 0 0 20px 0;
  width: 100%;
}

#CMFixedIncome_Trade_tradeinformationheaderbox {
  float: left;
  width: 300px;
  display: none;
}

#CMFixedIncome_Trade_tradeinformationheader {
  font-size: 14px;
  font-weight: bold;
  padding: 0;
}

#CMFixedIncome_Trade_tradeinformationdatabox {
  float: left;
}

.CMFixedIncome_Trade_tradeinformationdataentry {
  clear: both;
  float: left;
  padding: 0 0 20px 0;
  width: 100%;
}

.CMFixedIncome_Trade_tradeinformationdataentrytitle {
  display: inline;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 0 20px 0 0;
  width: 160px;
}

.CMFixedIncome_Trade_tradeinformationdataentrydata {
  float: left;
  width: 440px;
}

.CMFixedIncome_Trade_tradeinformationdataentrydata #ctl00_cph_ctl02 {
  float: left;
  margin: 0;
  width: 100%;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiominimum {
  display: inline;
  float: left;
  margin: 0 20px 0 0;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiominimum_radio {
  float: left;
  margin: 0 3px 0 0;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiominimum_label {
  float: left;
  margin: 0 5px 0 0;
  padding: 0 0 0 0;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiominimum_input {
  float: left;
  margin: -10px 0 0 10px;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiominimum_radio input {
  border: none !important;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiomaximum {
  float: left;
  margin: 20px 0 0 0;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiomaximum_radio {
  float: left;
  margin: 0 3px 0 0;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiomaximum_radio input {
  border: none !important;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiomaximum_label {
  float: left;
  margin: 0 5px 0 0;
  padding: 0 0 0 0;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiomaximum_input {
  float: left;
  margin: -10px 0 0 55px;
}

.CMFixedIncome_Trade_tradeinformationdataentry_radiomaximum_input input.maximumprice {
  width: 120px;
}

#CMFixedIncome_Trade_contactinformation {
  float: left;
  width: 100%;
}

#CMFixedIncome_Trade_contactinformationheaderbox {
  float: left;
  width: 300px;
  display: none;
}

#CMFixedIncome_Trade_contactinformationheader {
  font-size: 14px;
  font-weight: bold;
  padding: 0;
}

#CMFixedIncome_Trade_contactinformationdatabox {
  float: left;
  margin: 0 0 10px 0;
  width: 620px;
}

.CMFixedIncome_Trade_contactinformationdataentry {
  padding: 3px 0 3px 0;
  clear: both;
  float: left;
  width: 100%;
}

.CMFixedIncome_Trade_contactinformationdataentrytitle {
  font-size: 12px;
  float: left;
  display: inline;
  width: 160px;
  margin: 0 20px 0 0;
  font-weight: bold;
}

.CMFixedIncome_Trade_contactinformationdataentrydata {
  float: left;
}

.CMFixedIncome_Trade_contactinformationdataentrydata textarea.notes {
  margin: 0;
  padding: 1px;
  width: 300px;
}

.CMFixedIncome_Trade_tradeinformationdataentrytitletermsagree {
  float: left;
  display: inline;
  text-align: left;
  margin: 0 20px 0 0;
  font-weight: bold;
  width: 160px;
}

.CMFixedIncome_Trade_tradeinformationdataentrydata_termsagree {
  float: left;
  margin: 5px 0 15px 0;
  padding: 0;
}

.CMFixedIncome_Trade_previewtrade_radio {
  display: block;
  margin: 0;
}

#CMFixedIncome_Trade_data_tradeinfo .CMFixedIncome_Trade_tradeinformationdataentrydata_termsagree .CMFixedIncome_Trade_previewtrade_radio input {
  border: none;
  margin: 10px 5px 0 0 !important;
  text-align: left;
  width: 20px;
}

#CMFixedIncome_Trade_buttonbox {
  width: 100%;
  display: inline-block;
  background: #fff;
  padding: 20px;
}

#CMFixedIncome_Trade_buttonbox div {
  float: left;
  background: #0072B5;
  border-radius: 2px;
  margin-right: 10px;
}

#CMFixedIncome_Trade_buttonbox div:hover {
  background-color: #4BA2DA;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#CMFixedIncome_Trade_printtoolbox {
  display: none;
}

#CMFixedIncome_PreviewTrade #CMFixedIncome_Trade_buttonbox .buttoncontinue {
  margin: 0 0 0 10px !important;
}

/* Fixed Income Trade Confirmation */
#CMFixedIncome_Trade_tradeconfirmation a.CMGlobal_printerfriendly {
  margin: -24px 0 0 0;
}

/* ---------------------------->>> BANK PRODUCTS -BATCH TRADE  <<<-----------------------------*/
#CMBankProducts {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}

#CMBankProducts_BatchTrade {
  float: left;
  margin: 15px 0 0;
  width: 100%;
}

#CMBankProducts_BatchTrade #CMDashBoard_MaturingInvestments {
  margin: 10px 0 0 10px;
  width: 100%;
}

#CMBankProducts_BatchTrade .CMGlobal_intromessage {
  padding: 0 10px;
}

#CMBankProducts_BatchTrading_BatchTradeControlPanel {
  border: 1px solid #d2d2d2;
  float: left;
  margin: 10px;
  max-width: 1280px;
  width: 100%;
}

#CMBankProducts_BatchTrading_BatchTradeControlPanel_content {
  float: left;
  padding: 15px 10px 10px;
  width: 500px;
}

#CMBankProducts_BatchTrading_BatchTradeControlPanel_products {
  clear: both;
  padding: 0 10px;
  width: 400px;
}

#CMBankProducts_BatchTrading_BankProductCDTradeForm {
  float: left;
  clear: both;
  padding: 10px;
}

.CMBankProducts_BatchTrading_BankProductCDTradeForm_label {
  float: left;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  padding-bottom: 0 0 0 5px;
  width: 120px;
}

.CMBankProducts_BatchTrading_BankProductCDTradeForm_drop, .CMBankProducts_BatchTrading_BankProductCDTradeForm_input, .CMBankProducts_BatchTrading_BankProductCDTradeForm_currency, .CMBankProducts_BatchTrading_BankProductCDTradeForm_select {
  float: left;
}

td.CMBankProducts_BankProductsResearch_Gridview_columnheaderterm {
  border-right: 1px solid #d2d2d2;
}

#CMBankProducts #CMBankProducts_BatchTrade #CMDashBoard_MaturingInvestments #CMDashBoard_MaturingInvestments_gridview {
  float: left;
  margin-top: 5px;
  width: 100%;
}

#CMBankProducts #CMBankProducts_BatchTrade #CMDashBoard_MaturingInvestments #CMDashBoard_MaturingInvestments_gridview .CMGlobal_CAGridViewMaster_gridviewfooter td {
  text-align: left;
}

#CMBankProducts #CMBankProducts_BatchTrade #CMDashBoard_MaturingInvestments .CMGlobal_CAGridViewMaster {
  width: 820px;
}

#CMDashBoard_MaturingInvestments_gridview .CMGlobal_CAGridViewMaster_gridviewfooter td:last-child div {
  text-align: right;
}

.CMDashBoard_MaturingInvestments_gridview_columntrade .buttonorder {
  border: none;
  color: #fff;
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  font-size: 12px;
  font-weight: bold;
  border-radius: 0;
  padding: 1em 2em;
  text-transform: uppercase;
}

.CMBankProducts_BatchTrading_BankProductOrderList_noresultsmessage {
  float: left;
  height: 20px;
  padding: 7px 5px 5px 27px;
  text-align: left !important;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_wireinstructioncontent, .CMBankProducts_BatchTrading_BankProductsCPTradeForm_wireinstructioncontent, .CMBankProducts_BatchTrading_BankProductsCDTTradeForm_wireinstructioncontent {
  float: left;
  margin: 3px 0 0;
  width: 250px;
}

.CMBankProducts_BatchTrading_BankProductCDTradeForm_cutoff, .CMBankProducts_BatchTrading_BankProductCDTradeForm_accounts, .CMBankProducts_BatchTrading_BankProductCDTradeForm_transactiontype, .CMBankProducts_BatchTrading_BankProductCDTradeForm_amount, .CMBankProducts_BatchTrading_BankProductCDTradeForm_orderdate, .CMBankProducts_BatchTrading_BankProductCDTradeForm_settledate, .CMBankProducts_BatchTrading_BankProductCDTradeForm_rateapr, .CMBankProducts_BatchTrading_BankProductCDTradeForm_rateapy, .CMBankProducts_BatchTrading_BankProductCDTradeForm_paymentfrom, .CMBankProducts_BatchTrading_BankProductCDTradeForm_returnpayment, .CMBankProducts_BatchTrading_BankProductCDTradeForm_legalentity {
  clear: both;
  float: left;
  height: 40px;
}

.CMBankProducts_BatchTrading_BankProductCDTradeForm_data {
  float: left;
  margin: 0 10px 0 0;
}

#CMBankProducts #CMDashBoard_MaturingInvestments td.CMDashBoard_MaturingInvestments_gridview_columnheaderaccount, #CMBankProducts #CMDashBoard_MaturingInvestments td.CMDashBoard_MaturingInvestments_gridview_columnheaderproduct, #CMBankProducts #CMDashBoard_MaturingInvestments td.CMDashBoard_MaturingInvestments_gridview_columnheaderbalance, #CMBankProducts #CMDashBoard_MaturingInvestments td.CMDashBoard_MaturingInvestments_gridview_columnheadermaturitydate {
  border-bottom: 3px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  line-height: 12px;
  padding: 8px 5px 5px;
  text-decoration: none !important;
}

#CMBankProducts #CMBankProducts_BatchTrade #CMDashBoard_MaturingInvestments td.CMDashBoard_MaturingInvestments_gridview_columnheadertrade {
  border-bottom: 3px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  line-height: 12px;
  padding: 8px 5px 5px;
  text-decoration: none !important;
}

.CMDashBoard_MaturingInvestments_gridview_columnheaderbalance div td,
.CMDashBoard_MaturingInvestments_gridview_columnheadermaturitydate div td,
.CMDashBoard_MaturingInvestments_gridview_columnmaturitydate div,
.CMDashBoard_MaturingInvestments_gridview_columnheadertrade div td,
.CMDashBoard_MaturingInvestments_gridview_columntrade div {
  text-align: center !important;
}

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

#CMDashBoard_MaturingInvestments_headertitle {
  float: left;
}

#CMBankProducts_BatchTrading_BatchTradeControlPanel #CMBankProducts_RateGrid_gridview .CMGlobal_CAGridViewMaster tr td.CMGlobal_CAGridViewMaster_gridviewpreheader {
  padding: 0;
}

#CMBankProducts_BatchTrading_BatchTradeControlPanel_headertitle {
  background: #f1f2f2;
  font-weight: bold;
  padding: 10px 0 10px 20px;
}

#CMBankProducts_BatchTrade_matureinvestcontrol {
  clear: both;
}

.CMBankProducts_BatchTrading_BatchTradeControlPanel_cutofftime {
  font-weight: bold;
  margin: 10px 0 0 10px;
  display: none;
}

.CMBankProducts_BatchTrading_BatchTradeControlPanelerror {
  color: #ff7506;
  font-weight: bold;
  padding: 5px;
}

.CMBankProducts_BatchTrading_BankProductList_label,
.CMBankProducts_BatchTrading_BankProductTrade_label {
  float: left;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
  margin: 2px 0 0 0;
  text-align: left;
  width: 120px;
}

.CMBankProducts_BatchTrading_BankProductList_selectproduct, .CMBankProducts_BatchTrading_BankProductTrade_label {
  float: left;
}

.CMBankProducts_BatchTrading_BankProductList_selectproduct select {
  padding-right: 30px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_wireinstructioncontent {
  float: left;
  width: 195px;
}

#CMBankProducts_BatchTrading_BankProductGeneralTradeForm {
  clear: both;
  float: left;
  padding: 2px 10px 0 10px;
  width: 100%;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_transactionamount_data input {
  border: 1px solid #999999;
  padding: 1px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_select input {
  border: none;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_settledateinput input {
  padding: 2px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_cutofftime, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_accounts, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_transactiontype, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_transactions, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_currentbalances, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_newbalances, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_amount, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_orderdate, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_paymentfrom, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_returnpayment, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_rate, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_legalentity, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_paymentOfInterestFrequency, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_maturityTo,
.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_avaliableBalance, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_customerCode, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_interestTo, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_settledate {
  clear: both;
  float: left;
  margin-bottom: 10px;
  width: 410px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_maturityTo .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_data input {
  min-width: 285px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_wireinstructionbox, .CMBankProducts_BatchTrading_BankProductsCPTradeForm_wireinstructionbox, .CMBankProducts_BatchTrading_BankProductsCDTTradeForm_wireinstructionbox {
  clear: both;
  float: left;
  padding: 0 0 10px 0;
}

.CMBankProducts_BatchTrading_BankProductCDTradeForm_buttonbox {
  float: left;
  clear: both;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_avaliableBalance .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_data input {
  width: 180px;
}

.CMBankProducts_BatchTrading_BankProductCDTradeForm_addbutton,
.CMBankProducts_BatchTrading_BankProductCDTradeForm_submitbutton,
.CMBankProducts_BatchTrading_BankProductCDTradeForm_resetbutton {
  float: left;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_settledateinput input, #CMBankProducts_BatchTrading_BankProductGeneralTradeForm_ucmaturitydate input {
  background: #fff url("../images/icon_calendar.gif") no-repeat scroll 125px 6px;
  padding: 5px 10px;
  width: 150px;
}

@media all and (-ms-high-contrast: none) {
  #CMBankProducts_BatchTrading_BankProductGeneralTradeForm_ucmaturitydate input {
    background-position-y: 3px;
  }
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_settledateinput input {
  border: 1px solid #d2d2d2;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_legalentity .CMBankProducts_BatchTrading_BankProductTrade_data {
  margin: 2px 0 0 0;
}

.CMBankProducts_BatchTrading_BankProductCDTradeForm_drop select {
  max-width: 340px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_maturitybox {
  clear: both;
  float: left;
  height: 40px;
  width: 100%;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_maturityterm_validterm {
  float: left;
  margin: 0 0 0 325px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_transactions .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_data input {
  width: 294px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_cutofftime input[disabled], .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_orderdate[disabled], .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_settledate[disabled], .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_rate[disabled], .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_transactions[disabled], .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_currentbalances[disabled] {
  color: #000;
  padding: 4px 0 0 0;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_closebox {
  float: left;
  margin: 5px 0 5px 112px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_closeout input {
  float: left;
  margin: 0 5px 0 0;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_closeout laebl {
  color: #000;
  font-size: 11px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_newbalance_data {
  float: left;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_newbalance_currency {
  float: left;
  width: 20px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_newbalance_message {
  float: left;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_rbmaturitydate {
  float: left;
  margin: 3px 0 0 0;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_rbmaturitydate input {
  float: left;
  margin: 0 5px 0 0;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_rbmaturitydate label {
  padding: 1px 0 0 3px;
}

#CMBankProducts_BatchTrading_BankProductGeneralTradeForm_ucmaturitydate {
  float: left;
  margin: 0;
}

#CMBankProducts_BatchTrading_BankProductGeneralTradeForm_ucmaturitydate input {
  margin: 0 0 0 10px;
}

.CMBankProducts_BatchTrading_BankProductTrade_dayslabel {
  float: left;
  margin: 3px 10px 0 10px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_maturityterm {
  float: left;
  width: 60px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_rbovernight, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_rbbalancechange {
  clear: both;
  margin: 0 0 0 110px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_rbovernight input, .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_rbbalancechange input {
  float: left;
  margin: 0 10px 5px 0;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_transactionamount_amount {
  float: right;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_transactionamount_amount .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_errormessage {
  color: #ff7506 !important;
  float: right;
  font-weight: bold;
  width: 225px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_transactionamount_data {
  float: left;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_transactionamount_currency {
  float: left;
  width: 30px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_maturityterm_data input {
  width: 50px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_select select {
  width: 285px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_buttonbox {
  clear: both;
  float: left;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_submitbutton input,
.CMBankProducts_BatchTrading_BankProductCDTradeForm_submitbutton input {
  background: transparent url("../images/button_submit.gif") no-repeat scroll 0 0 !important;
  border: none;
  height: 31px;
  width: 113px;
}

.CMBankProducts_BatchTrading_BankProductCDTradeForm_resetbutton .buttonreset,
.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_resetbutton input {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  margin: 0 0 10px 0;
  padding: 1em 2em;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border: none;
  font-weight: bold;
  padding: 10px 30px 7px;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_submitbutton {
  float: right;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_resetbutton {
  float: left;
  padding: 0 10px 0 0;
}

#CMBankProducts_BatchTrading_BatchTradeControlPanel #CMBankProducts_RateGrid #CMBankProducts_RateGrid_gridview {
  clear: both;
  float: left;
  margin: 0;
  overflow: auto;
  width: 750px !important;
}

#CMBankProducts_BatchTrading_BatchTradeControlPanel #CMBankProducts_RateGrid #CMBankProducts_RateGrid_gridview td.CMGlobal_CAGridViewMaster_dataarea {
  width: 750px;
}

#CMBankProducts_BatchTrading_BatchTradeControlPanel #CMBankProducts_RateGrid #CMBankProducts_RateGrid_gridview .CMGlobal_CAGridViewMaster_gridviewdatacell div {
  text-align: center !important;
}

#CMBankProducts_RateGrid_gridview tr td.CMGlobal_CAGridViewMaster_gridviewpreheader {
  border: none;
}

#CMBankProducts_BatchTrade_orderqueuecontrol {
  float: left;
  margin: 10px;
  padding: 0;
  width: 100%;
}

.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnaccount {
  background: #fff;
}

#CMBankProducts_BatchTrading_BankProductOrderList_gridview {
  float: left;
  overflow-y: auto;
  width: 100%;
}

#CMBankProducts_BatchTrading_BankProductOrderList_gridview td.CMGlobal_CAGridViewMaster_gridviewheadingselector, #CMBankProducts_BatchTrading_BankProductOrderList_gridview td.CMGlobal_CAGridViewMaster_gridviewindentcell, #CMBankProducts_BatchTrading_BankProductOrderList_gridview td.CMGlobal_CAGridViewMaster_gridviewfooter, #CMBankProducts_BatchTrading_BankProductOrderList_gridview td.CMGlobal_CAGridViewMaster_gridviewheader {
  display: none;
}

#CMBankProducts_BatchTrading_BankProductOrderList_gridview .citizenbankProducts_BatchTrading_BankProductOrderQueuenoresultsmessage,
#CMBankProducts_BatchTrading_BankProductOrderList_gridview .CMGlobal_CAGridViewMaster td {
  text-align: left;
  font-family: CitiSans, arial, helvetica, sans-serif;
  color: #666;
  font-size: 13px;
}

#CMBankProducts_BatchTrading_BankProductOrderList_gridview .CMGlobal_CAGridViewMaster_dataarea .CMGlobal_CAGridViewMaster_gridviewheadingcell {
  border-right: 1px solid #d2d2d2;
}

#CMBankProducts_BatchTrading_BankProductOrderList_gridview .CMGlobal_CAGridViewMaster_dataarea .CMGlobal_CAGridViewMaster_gridviewheadingcell:last-child {
  border-right: none;
}

#CMBankProducts_RateGrid #CMBankProducts_RateGrid_gridview td.CMGlobal_CAGridViewMaster_gridviewfooter {
  display: none;
}

.CMBankProducts_BatchTrading_BankProductOrderList_noresutlsmessage {
  clear: both;
  float: left;
  height: 20px;
  margin: 5px;
}

td.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnheaderedit div, td.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnedit div {
  text-align: center !important;
}

td.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnheadersubmit div, td.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnheaderdelete div, td.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnsubmit div, td.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columndelete div {
  text-align: center !important;
}

td.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnamount div {
  text-align: right !important;
}

td.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnproduct div, td.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnorderdate div, td.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnsettledate div {
  text-align: center !important;
}

.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnedit input, .CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnsubmit input, .CMBankProducts_BatchTrading_BankProductOrderList_gridview_columndelete input {
  background: none;
  border: none;
  color: #236093;
  cursor: pointer;
  display: block;
}

.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnedit input:hover, .CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnsubmit input:hover, .CMBankProducts_BatchTrading_BankProductOrderList_gridview_columndelete input:hover {
  text-decoration: underline;
}

#CMBankProducts_BatchTrading_BankProductOrderList_gridview td.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnheaderaccount {
  background: none repeat scroll 0 0 #F0F0F0;
  display: none;
  height: 0 !important;
  width: 958px !important;
}

#CMBankProducts_BatchTrading_BankProductOrderList_gridview .CMGlobal_CAGridViewMaster tr td.CMGlobal_CAGridViewMaster_gridviewpreheader {
  border: none;
}

#CMBankProducts_BatchTrading_BankProductOrderQueue .CMBankProducts_BatchTrading_BankProductOrderQueue_btnprocessall {
  background: transparent url("../images/button_processAll.gif") no-repeat scroll 0 0;
  border: none;
  clear: both;
  cursor: pointer;
  float: right;
  height: 30px;
  margin: 10px 10px 10px 0;
  width: 206px;
}

td.CMBankProducts_BatchTrading_BankProductOrderList_gridview_columnsettleinstruction div {
  white-space: normal !important;
  width: 200px;
}

#CMBankProducts_RateGrid_gridview .CMBankProducts_RateGrid_gridview_highlightcell {
  background-color: #CCD9E5;
}

.CMBankProducts_BatchTrading_BankProductCDTradeForm_addbutton input,
.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_addbutton input {
  background: transparent url("../images/button_add.gif") no-repeat 0 0 !important;
  border: none;
  cursor: pointer;
  height: 30px;
  width: 94px;
}

#CMTrade_TradeMain_footer {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 10px;
}

/*Modals*/
#CMBankProducts_BatchTrading_DeleteConfirmationModal {
  background: #fff;
  padding: 5px;
  width: 500px;
}

#CMBankProducts_BatchTrading_DeleteConfirmationModal_title,
#CMBankProducts_BatchTrading_DeleteConfirmationModal_headerclosebutton {
  display: none;
}

#CMBankProducts_BatchTrading_DeleteConfirmationModal_content {
  font-size: 12px;
  padding: 10px;
  text-align: center;
  width: 480px;
}

.CMBankProducts_BatchTrading_DeleteConfirmationModal_buttonbox {
  margin: 10px 0 0 0;
  text-align: right;
}

.CMBankProducts_BatchTrading_DeleteConfirmationModal_buttonok input {
  background: transparent url("../images/button_yes.png") no-repeat scroll 0 0;
  border: none;
  cursor: pointer;
  height: 31px;
  width: 83px;
}

.CMBankProducts_BatchTrading_DeleteConfirmationModal_buttoncancel {
  display: inline;
  float: none !important;
  margin: 0 10px 0 0;
}

.CMBankProducts_BatchTrading_DeleteConfirmationModal_buttonok {
  display: inline;
  float: none !important;
}

.CMBankProducts_BatchTrading_DeleteConfirmationModal_buttoncancel input {
  background: transparent url("../images/button_cancel.png") no-repeat scroll 0 0;
  border: none;
  cursor: pointer;
  height: 31px;
  width: 110px;
}

/*BP Terms & Conditions Modal*/
#CMBankProducts_BatchTrading_TermAndConditionConfirmationModal {
  background: #fff;
  float: left;
  padding: 20px;
  width: 650px;
}

#CMBankProducts_BatchTrading_BankProductComplianceModal,
#CMBankProducts_BatchTrading_ProcessAllConfirmationModal {
  background: #fff;
  float: left;
  padding: 20px;
  width: 450px;
}

#CMBankProducts_BatchTrading_TermAndConditionConfirmationModal_title,
#CMBankProducts_BatchTrading_ProcessAllConfirmationModal_title,
#CMBankProducts_BatchTrading_BankProductComplianceModal_title {
  clear: both;
  float: left;
  font-family: "CitiSans Bold",arial,helvetica,sans-serif;
  font-size: 20px;
}

#CMBankProducts_BatchTrading_TermAndConditionConfirmationModal_headerclosebutton .buttonclosemodal,
#CMBankProducts_BatchTrading_ProcessAllConfirmationModal_headerclosebutton .buttonclosemodal,
#CMBankProducts_BatchTrading_BankProductComplianceModal_headerclosebutton .buttonclosemodal {
  background: transparent url("../images/icon_Close.png") no-repeat scroll 0 0;
  border: none;
  float: right;
  height: 24px;
  width: 24px;
}

#CMBankProducts_BatchTrading_TermAndConditionConfirmationModal_content,
#CMBankProducts_BatchTrading_ProcessAllConfirmationModal_content,
#CMBankProducts_BatchTrading_BankProductComplianceModal_content {
  clear: both;
  float: left;
  padding: 10px 0 0;
  width: 100%;
}

.CMBankProducts_BatchTrading_ProcessAllConfirmationModal_confirmbutton,
.CMBankProducts_BatchTrading_TermAndConditionConfirmationModal_confirmbutton,
.CMBankProducts_BatchTrading_BankProductComplianceModal_confirmbutton {
  display: inline;
}

.CMBankProducts_BatchTrading_TermAndConditionConfirmationModal_confirmbutton input,
.CMBankProducts_BatchTrading_ProcessAllConfirmationModal_confirmbutton input,
.CMBankProducts_BatchTrading_BankProductComplianceModal_confirmbutton input,
.CMBankProducts_BatchTrading_TermAndConditionConfirmationModal_cancelbutton #btnCancel,
.CMBankProducts_BatchTrading_ProcessAllConfirmationModal_cancelbutton #btnCancel,
.CMBankProducts_BatchTrading_BankProductComplianceModal_cancelbutton #btnCancel {
  font-size: 12px;
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  color: #fff;
  float: left;
  font-weight: bold;
  text-align: center;
  padding: 1em 2em;
  width: auto;
  text-transform: uppercase;
  border: none;
}

.CMBankProducts_BatchTrading_TermAndConditionConfirmationModal_cancelbutton,
.CMBankProducts_BatchTrading_ProcessAllConfirmationModal_cancelbutton,
.CMBankProducts_BatchTrading_BankProductComplianceModal_cancelbutton {
  float: left;
  margin-left: 10px;
}

.CMBankProducts_BatchTrading_TermAndConditionConfirmationModal_buttonbox,
.CMBankProducts_BatchTrading_ProcessAllConfirmationModal_buttonbox,
.CMBankProducts_BatchTrading_BankProductComplianceModal_buttonbox {
  float: right;
  margin: 10px 0 0;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_avaliableBalance .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_data {
  float: left;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_avaliableBalance .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_data #txtAvaliableBalance {
  width: 190px;
  float: left;
}

.CMBankProducts_BatchTrading_BankProductGeneralTradeForm_avaliableBalance .CMBankProducts_BatchTrading_BankProductGeneralTradeForm_data #btnCheckBalance {
  float: right;
}

/* -------------------------------------------------------------------------------------------------*/
/* ----------------------------->>> Research - Bank Product Research <<<----------------------------*/
/* -------------------------------------------------------------------------------------------------*/
#CMBankProducts_BankProductsResearch #CMGlobal_introductiontoolbox {
  width: 68px;
  display: none;
}

#CMBankProducts_BankProductsResearch_searchfilter {
  display: none;
}

#CMBankProducts_RateGrid_todaysrate {
  border-bottom: 1px solid #ccc;
  background: #ccd9e5;
  color: #336699;
  font-weight: bold;
  padding: 6px 5px;
}

.CMBankProducts_BankProductsResearch_asofdate {
  float: left;
  clear: both;
  text-align: right;
  width: 100%;
}

#CMBankProducts_BankProductsResearch .CMBankProducts_BankProductsResearch_asofdate {
  display: none;
}

#CMBankProducts_BankProductsResearch_producttable {
  float: left;
}

#CMBankProducts_BankProductsResearch_producttable #dvErrorMessage {
  float: left;
  padding: 26px 10px 0;
}

#CMBankProducts_BankProductsResearch_producttable_portfolioheaderbox {
  clear: both;
  float: left;
  padding: 10px 0 0 10px;
  width: 100%;
  position: relative;
  top: 25px;
}

#CMBankProducts_BankProductsResearch_producttable_rates {
  float: left;
  margin-right: 10px;
}

#CMBankProducts_BankProductsResearch_producttable_cutoff {
  float: right;
  padding-right: 10px;
}

#CMBankProducts_BankProductsResearch_producttable_cutofflabel,
#CMBankProducts_BankProductsResearch_producttable_rateslabel {
  float: left;
}

#CMBankProducts_BankProductsResearch_producttable_ratesproduct {
  float: left;
  margin: 0 5px 0 0;
}

#CMBankProducts_BankProductsResearch_producttable_cutoffdata {
  float: right;
  padding-left: 5px;
}

#CMBankProducts_RateGrid {
  float: left;
  margin: 0;
  padding: 0 0 0 10px;
}

#CMBankProducts_RateGrid .CMGlobal_CAGridViewMaster_gridviewpreheader {
  display: none;
}

td.CMBankProducts_BankProductsResearch_Gridview_columnheaderterm .CMGlobal_CAGridViewMaster_gridviewheadingtext, td.CMBankProducts_BankProductsResearch_Gridview_columnheadercutoff .CMGlobal_CAGridViewMaster_gridviewheadingtext, td.CMBankProducts_BankProductsResearch_Gridview_columnheaderorder .CMGlobal_CAGridViewMaster_gridviewheadingtext {
  cursor: default !important;
  text-decoration: none !important;
}

#CMBankProducts_BankProductsResearch #CMBankProducts_RateGrid_gridview .CMGlobal_CAGridViewMaster_gridviewheadingcell {
  cursor: default !important;
  font-family: "CitiSans Bold", arial, helvetica, sans-serif;
}

.CMBankProducts_BankProductsResearch_Gridview_columnheaderterm div td,
.CMBankProducts_BankProductsResearch_Gridview_columnheaderorder div td,
#CMBankProducts_RateGrid_gridview .CMGlobal_CAGridViewMaster_gridviewdatacell div,
.CMBankProducts_Rategrid_columnheadercss div {
  text-align: center !important;
}

td.CMBankProducts_BankProductsResearch_Gridview_columnterm div div a {
  color: #236093;
}

#CMBankProducts_BankProductsResearch #CMBankProducts_RateGrid_gridview {
  float: left;
  margin: 0;
  overflow: auto;
  width: 1280px;
}

#CMBankProducts_BankProductsResearch_modal .CMGlobal_Modal_content {
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#CMBankProducts_BankProductsResearch_searchfilter_content {
  clear: both;
  float: left;
}

.CMBankProducts_BankProductsResearch_creditratingsinfo {
  clear: both;
  margin: 0 auto 20px;
  max-width: 1280px;
  padding: 0 10px 0;
}

.CMBankProducts_BankProductsResearch_creditratingsinfo p {
  margin: 10px 0 0;
}

.CMBankProducts_BankProductsResearch_Gridview_columnorder input {
  background: transparent url("../images/button_trade.png") no-repeat scroll 0 0;
  border: none;
  height: 30px;
  width: 108px;
}

/* -------------------------------------------------------------------------------------------------*/
/* -------------------------------->>> Research - Combined Research <<<-----------------------------*/
/* -------------------------------------------------------------------------------------------------*/
#CMResearch_CombinedMMMFBankProductsResearch_researchfilter {
  float: left;
  width: 100%;
}

#CMResearch_CombinedMMMFBankProductsResearch_researchfilter #CMResearch_CombinedMMMFBankProductsResearchFilter label {
  margin-left: 5px;
}

#CMResearch_CombinedMMMFBankProductsResearch {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}

#CMResearch_CombinedMMMFBankProductsResearch #CMGlobal_introductiontoolbox_printlink {
  display: none;
}

#CMResearch_CombinedMMMFBankProductsResearchFilter_fundcategory {
  float: left;
  margin: 0 15px 0 0;
}

#CMResearch_CombinedMMMFBankProductsResearch_researchgrid {
  float: left;
  max-width: 1280px;
  width: 100%;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_fundcategory {
  height: 70px;
  padding: 2px;
  overflow: auto;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_fundcategoryouter {
  border: 1px solid #d2d2d2;
  width: 230px;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_fundcategoryselectbox {
  height: 70px;
  padding: 2px;
  overflow: auto;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_fundcategoryselectbox table input {
  float: left;
  margin: 0 2px 4px 0;
}

#CMResearch_CombinedMMMFBankProductsResearchFilter_fundfamily {
  float: left;
  margin: 0 15px 0 0;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_fundfamilyouter {
  border: 1px solid #d2d2d2;
  width: 150px;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_fundfamilyselectbox {
  height: 70px;
  padding: 2px;
  overflow: auto;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_fundfamilyselectbox input {
  float: left;
  margin: 0 2px 4px 0;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_fundouter {
  border: 1px solid #d2d2d2;
  width: 319px;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_fundheader {
  background: #f1f2f2;
  padding: 2px;
}

#CMResearch_CombinedMMMFBankProductsResearchFilter_fund {
  float: left;
  clear: right;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_fundselectbox {
  height: 70px;
  padding: 2px;
  overflow: auto;
  width: 315px;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_fundselectbox input {
  float: left;
  margin: 0 2px 4px 0;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_categorylabel {
  font-weight: bold;
  padding: 0 0 2px;
  width: 100px;
}

#CMResearch_CombinedMMMFBankProductsResearchFilter_tiertwo {
  clear: both;
  float: left;
  margin: 12px 0 0 0;
}

#CMResearch_CombinedMMMFBankProductsResearchFilter_bankproduct {
  clear: both;
  float: left;
  margin: 10px 15px 0 0;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_bpouter {
  border: 1px solid #d2d2d2;
  width: 230px;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_bpselectbox {
  height: 70px;
  padding: 2px;
  overflow: auto;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_bpselectbox input {
  float: left;
  margin: 0 2px 4px 0;
}

#CMResearch_CombinedMMMFBankProductsResearchFilter_term {
  float: left;
  margin: 10px 15px 0 0;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_termouter {
  border: 1px solid #d2d2d2;
  width: 150px;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_termselectbox {
  height: 70px;
  padding: 2px;
  overflow: auto;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_termselectbox input {
  float: left;
  margin: 0 2px 4px 0;
}

#CMResearch_CombinedMMMFBankProductsResearchFilter_raterange {
  float: left;
  margin: 11px 0 0;
}

#CMResearch_CombinedMMMFBankProductsResearchFilter_buttonbox {
  clear: both;
  float: right;
  margin: 2px 0;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_resetbutton {
  float: left;
  margin: 7px 10px 0 0;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_resetbutton input {
  background: none;
  border: none;
  text-transform: uppercase;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_filterbutton {
  float: right;
}

.CMResearch_CombinedMMMFBankProductsResearchFilter_filterbutton input {
  background: #236093;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  /* W3C */
  border: none;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border-radius: 0;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1em 2em;
}

#CMResearch_CombinedMMMFBankProductsResearchFilter_ratelabel {
  font-weight: bold;
  padding: 0 0 2px;
}

#CMResearch_CombinedMMMFBankProductsResearch_researchgrid .CMGlobal_CAGridViewMaster_dataarea {
  height: auto !important;
}

#CMResearch_CombinedMMMFBankProductsResearchFilter_ratelabelfrom, #CMResearch_CombinedMMMFBankProductsResearchFilter_ratelabelto {
  float: left;
}

#CMResearch_CombinedMMMFBankProductsResearchFilter_labelto {
  float: left;
  margin: 3px 5px;
}

.CMFund_MMMFResearch_Gridview_tradebutton input {
  border: none;
}

td.CMResearch_GridView_columnheadersecuritydescriptionlink, td.CMResearch_GridView_columnterm, td.CMResearch_GridView_columnproducttype, td.CMResearch_GridView_columnrateday1yield, td.CMResearch_GridView_columnpurchasecutofftime, td.CMResearch_GridView_columnredeemcutofftime {
  border-bottom: 1px solid #e4e4e4 !important;
  border-right: 1px solid #e4e4e4 !important;
}

td.CMResearch_GridView_columncantrade {
  border-bottom: 1px solid #e4e4e4 !important;
}

td.CMResearch_GridView_columncantrade .CMFund_MMMFResearch_Gridview_tradebutton {
  text-align: center;
}

td.CMResearch_GridView_columnpurchasecutofftime div,
td.CMResearch_GridView_columnrateday1yield div,
td.CMResearch_GridView_columnredeemcutofftime div,
td.CMResearch_GridView_columnterm div {
  text-align: center !important;
}

#CMResearch_CombinedMMMFBankProductsResearch_ratedisclaimer {
  color: #666666;
  float: left;
  font-size: 9px;
  padding: 7px 0;
  white-space: normal;
  width: auto;
}

#CMResearch_CombinedMMMFBankProductsResearchGridList .CMGlobal_CAGridViewMaster_alttablerow td {
  background: #ececec;
}

td.CMResearch_CombinedMMMFBankProductsResearchGridList_GridView_columnheaderpurchasecutofftime div, td.CMResearch_CombinedMMMFBankProductsResearchGridList_GridView_columnheaderredeemcutofftime div {
  text-align: center !important;
}

td.CMResearch_CombinedMMMFBankProductsResearchGridList_GridView_columnterm div,
td.CMResearch_CombinedMMMFBankProductsResearchGridList_GridView_columnrateday1yield div,
td.CMResearch_CombinedMMMFBankProductsResearchGridList_GridView_columnpurchasecutofftime div,
td.CMResearch_CombinedMMMFBankProductsResearchGridList_GridView_columnredeemcutofftime div,
td.CMResearch_CombinedMMMFBankProductsResearchGridList_GridView_columncantrade div,
td.CMResearch_CombinedMMMFBankProductsResearchGridList_GridView_columnheadercantrade div td {
  text-align: center !important;
}

/* Modal */
#CMBankProducts_BankProductResearch_DetailModal {
  background: #fff;
  border: 1px solid #999;
  float: left;
  padding: 10px;
  width: 250px;
}

#CMBankProducts_BankProductResearch_DetailModal_buttonbox {
  margin: 10px 0 0 70px;
}

#CMAccount_TodaysTradeDetail_DetailModal_headerclosebutton .buttonclosemodal {
  background: none;
  border: none;
  color: #336699;
  float: left;
  text-decoration: underline;
}

#CMBankProducts_BankProductResearch_DetailModal_printlink {
  display: inline;
  float: none !important;
  margin: 0 5px 0 0;
}

#CMBankProducts_BankProductResearch_DetailModal_printlink input {
  background: transparent url("../../images/Button_print.gif") no-repeat 0 0;
  border: none;
  font-size: 0px;
  height: 24px;
  width: 60px;
}

#CMAccount_TodaysTradeDetail_DetailModal_headerclosebutton {
  float: left;
  margin: 0 8px 0 0;
}

/*------------------------ View Detail Modal ------------------------- */
#CMFund_MMMFFundResearchFundDetail {
  background: #fff;
  border: 1px solid #999;
  float: left;
}

#CMFund_MMMFFundResearchFundDetail #CMGlobal_introductiontoolbox {
  float: left;
  margin: 0 0 0 0;
  position: relative;
  width: 100%;
}

#CMFund_MMMFFundResearchFundDetail_modalheadertitle {
  float: left;
  font-weight: bold;
  margin: 8px 0 0 9px;
}

#CMFund_MMMFFundResearchFundDetail #CMGlobal_introductiontoolbox_printlink {
  clear: both;
  float: right;
  margin: 0 11px 9px 0;
  display: none;
}

#CMFund_MMMFFundResearchFundDetail #CMGlobal_introductiontoolbox_printlink input {
  background: url("../../images/icon_print.gif") no-repeat scroll left top transparent;
  border: none;
  font-size: 0px;
  height: 16px;
  width: 16px;
}

#CMFund_MMMFFundResearchFundDetail #CMGlobal_introductiontoolbox_closewindowlink {
  float: right;
  margin: -18px 3px 12px 0;
}

#CMFund_MMMFFundResearchFundDetail_content {
  width: 100%;
}

#CMFund_MMMFFundResearchFundDetail_header {
  margin: 0 0 0 4px;
  padding: 10px;
}

#CMFund_MMMFFundResearchFundDetail_headerdata {
  width: 100%;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_feescalculationslink {
  float: right;
  margin: -34px 50px 0 0;
  position: relative;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_asofdateholdinginfo {
  float: left;
  font-size: 10px;
  font-style: italic;
  margin: 5px 0 0 0;
  width: 200px;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_asofdate {
  font-size: 10px;
  font-style: italic;
  margin: 0;
  text-align: right;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_asofdatefundaccount {
  float: left;
  font-size: 10px;
  font-style: italic;
  margin: 0 0 0 128px;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_portfoliodata {
  float: left;
  width: 320px;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_portfoliomanager {
  float: left;
  margin: 0 0 2px 0;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_phonenumber {
  float: left;
  width: 100%;
  display: none;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_cutoffinfo {
  clear: both;
  float: left;
  margin: 0 30px 0 0;
  width: 220px;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_purchasecutoff {
  float: left;
  margin: 0 0 2px 0;
  width: 220px;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_redemptioncutoff {
  clear: both;
  float: left;
  margin: 0;
  width: 220px;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_portfoliomanagerlabel, #CMFund_MMMFFundResearchFundDetail_headerdata_phonenumberlabel, #CMFund_MMMFFundResearchFundDetail_headerdata_purchasecutofflabel, #CMFund_MMMFFundResearchFundDetail_headerdata_redemptioncutofflabel {
  float: left;
  font-weight: bold;
  margin: 0 5px 0 0;
}

#CMFund_MMMFFundResearchFundDetail_headerdata_portfoliomanagerdata, #CMFund_MMMFFundResearchFundDetail_headerdata_phonenumberdata, #CMFund_MMMFFundResearchFundDetail_headerdata_purchasecutoffdata, #CMFund_MMMFFundResearchFundDetail_headerdata_redemptioncutoffdata {
  float: left;
}

#CMFund_MMMFFundResearchFundDetail_headerbuttonbox {
  clear: both;
  float: left;
  margin: 10px 0 0 0;
  width: 100%;
}

#CMFund_MMMFFundResearchFundDetail_headerbuttontrade {
  float: left;
  margin: 0 5px 0 0;
}

#CMFund_MMMFFundResearchFundDetail_headerbuttontrade input {
  background: none;
  border: none;
  color: #336699;
  cursor: pointer;
  float: left;
  text-decoration: underline;
}

#CMFund_MMMFFundResearchFundDetail_headerbuttontracker {
  float: left;
  margin: 0 5px 0 0;
}

#CMFund_MMMFFundResearchFundDetail_headerbuttonboxbottom {
  float: left;
  margin: 0;
}

#CMFund_MMMFFundResearchFundDetail_headerbuttontradebottom, #CMFund_MMMFFundResearchFundDetail_headerbuttontrackerbottom {
  float: left;
  margin: 0 5px 0 0;
}

#CMFund_MMMFFundResearchFundDetail_data {
  padding: 0 10px 10px 10px;
  width: 100%;
  margin: 0;
}

#CMFund_MMMFFundResearchFundDetail_datacolumnfundleft {
  float: left;
  margin: 0 0 0 0;
  padding: 0 5px 0 10px;
  width: 160px;
}

#CMFund_MMMFFundResearchFundDetail_datacolumnfundright {
  float: left;
  margin: 0 15px 0 0;
  padding: 0 5px;
  width: 160px;
}

#CMFund_MMMFFundResearchFundDetail_datacolumnyieldsrates {
  float: left;
  margin: 0 0 0 0;
  padding: 0 5px;
  width: 160px;
}

#CMFund_MMMFFundResearchFundDetail_datacolumndocuments {
  float: left;
  padding: 0 5px;
  width: 140px;
}

#CMFund_MMMFFundResearchFundDetail_datacolumndocumentsFNAV {
  padding: 0 5px;
  width: 155px;
}

#CMFund_MMMFFundResearchFundDetail_data_currentbalance,
#CMFund_MMMFFundResearchFundDetail_data_dailyfactor,
#CMFund_MMMFFundResearchFundDetail_data_aum,
#CMFund_MMMFFundResearchFundDetail_data_ticker,
#CMFund_MMMFFundResearchFundDetail_data_inceptionyear,
#CMFund_MMMFFundResearchFundDetail_data_discipline,
#CMFund_MMMFFundResearchFundDetail_data_percentowned,
#CMFund_MMMFFundResearchFundDetail_data_wam,
#CMFund_MMMFFundResearchFundDetail_data_wal,
#CMFund_MMMFFundResearchFundDetail_data_expenseratio,
#CMFund_MMMFFundResearchFundDetail_data_cusip,
#CMFund_MMMFFundResearchFundDetail_data_currency,
#CMFund_MMMFFundResearchFundDetail_data_domicile,
#CMFund_MMMFFundResearchFundDetail_data_shareclass {
  margin: 0 0 5px 0;
}

#CMFund_MMMFFundResearchFundDetail_data_yields {
  margin: 0 0 20px 0;
  width: 140px;
}

#CMFund_MMMFFundResearchFundDetail_data_yieldsheader {
  clear: both;
  float: left;
  font-weight: bold;
  margin: 0;
}

#CMFund_MMMFFundResearchFundDetail_data_1d365,
#CMFund_MMMFFundResearchFundDetail_data_1d360,
#CMFund_MMMFFundResearchFundDetail_data_7dcurrent,
#CMFund_MMMFFundResearchFundDetail_data_7deffective,
#CMFund_MMMFFundResearchFundDetail_data_30day {
  clear: both;
}

#CMFund_MMMFFundResearchFundDetail_data_ratings {
  width: 130px;
}

#CMFund_MMMFFundResearchFundDetail_data_ratingsheader {
  clear: both;
  float: left;
  font-weight: bold;
  margin: 0;
}

#CMFund_MMMFFundResearchFundDetail_data_moodys,
#CMFund_MMMFFundResearchFundDetail_data_sandp,
#CMFund_MMMFFundResearchFundDetail_data_fitchrating,
#CMFund_MMMFFundResearchFundDetail_data_naicrated {
  clear: both;
}

.CMFund_MMMFResearchFundDetail_funddetails_label {
  font-weight: bold;
}

#CMFund_MMMFFundResearchFundDetail_data_yields .CMFund_MMMFResearchFundDetail_funddetails_label, #CMFund_MMMFFundResearchFundDetail_data_ratings .CMFund_MMMFResearchFundDetail_funddetails_label {
  display: inline;
  float: left;
  font-weight: normal;
  margin: 0 7px 0 0;
  width: 71px;
}

#CMFund_MMMFFundResearchFundDetail_data_yields .CMFund_MMMFResearchFundDetail_funddetails_data, #CMFund_MMMFFundResearchFundDetail_data_ratings .CMFund_MMMFResearchFundDetail_funddetails_data {
  float: left;
  font-size: 11px;
}

#CMFund_MMMFFundResearchFundDetail_data_documentheader {
  font-weight: bold;
  margin: 0 0 3px 0;
}

#CMFund_MMMFFundResearchFundDetail_datacolumndocuments div div {
  background: url(../images/icon_pdf.gif) no-repeat;
  padding: 0 0 7px 25px;
}

#CMFund_MMMFFundResearchFundDetail #CMGlobal_pagelevel_footer {
  margin: 56px 0 0 10px;
  width: 580px;
  display: none;
}

#iFrameFundDetailModalContent {
  float: left;
  height: 500px;
  width: 600px;
}

#CMFund_MMMFFundResearchFundDetail_datacolumndocuments div div.noIcon {
  background: none !important;
  padding-left: 0;
  font-weight: normal;
  display: inline;
  float: left;
  margin: 0 15px 0 0;
  text-align: right;
}

#CMFund_MMMFFundResearchFundDetail_data_floatingNav {
  font-weight: bold;
  margin: 10px 0 10px 0;
}

#CMFund_MMMFFundResearchFundDetail_data_nav {
  float: left;
  margin: 0 0 5px;
}

#CMFund_MMMFFundResearchFundDetail_strikeTimeChart {
  clear: both;
  float: left;
  width: 380px;
  margin: -120px 0 0;
}

#CMFund_MMMFResearchFundDetail_strikeTimes_even {
  display: inline-block;
  width: 65px;
  text-align: right;
}

#CMFund_MMMFResearchFundDetail_strikeTimes_odd {
  display: inline-block;
  width: 65px;
}

#CMFund_MMMFFundResearchFundDetail_data_ticker .CMFund_MMMFResearchFundDetail_funddetails_data, #CMFund_MMMFFundResearchFundDetail_data_discipline .CMFund_MMMFResearchFundDetail_funddetails_data {
  min-width: 78px;
}

/* USBF Fund Detail */
#CMFund_USBFFundResearchFundDetail {
  background: #fff;
  border: 1px solid #999;
  font-size: 11px;
  width: 900px;
}

#CMFund_USBFFundResearchFundDetail #CMGlobal_introductiontoolbox {
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
}

#CMFund_USBFFundResearchFundDetail #CMGlobal_introductiontoolbox_closewindowlink {
  float: right;
  margin: -18px 3px 12px 0;
}

#CMFund_USBFFundResearchFundDetail #CMGlobal_introductiontoolbox_closewindowlink input {
  background: none;
  border: medium none;
  color: #336699;
  cursor: pointer;
  float: left;
  text-decoration: underline;
}

#CMFund_FundResearchFundDetail_data_navhistory,
#CMFund_FundResearchFundDetail_data_duration,
#CMFund_FundResearchFundDetail_data_spreadDuration,
#CMFund_FundResearchFundDetail_data_aoe,
#CMFund_MMMFFundResearchFundDetail_data_aum,
#CMFund_FundResearchFundDetail_data_totalReturn,
#CMFund_FundResearchFundDetail_data_30day_sec_yield {
  clear: both;
  margin: 0 0 5px;
}

.CMFund_FundResearchFundDetail_secondarylabel_container {
  clear: both;
  float: left;
}

.CMFund_FundResearchFundDetail_secondarylabel {
  float: left;
  margin: 0 3px 0 0;
}

#CMFund_FundResearchFundDetail_datacolumndocumentsUSBF_annualReturn {
  float: left;
  padding-left: 8px;
  width: 160px;
}

.CMFund_MMMFResearchFundDetail_funddetails_label,
#CMFund_FundResearchFundDetail_data_avgAnnualReturnOneYear,
#CMFund_FundResearchFundDetail_data_avgAnnualReturnThreeYear,
#CMFund_FundResearchFundDetail_data_avgAnnualReturnFiveYear,
#CMFund_FundResearchFundDetail_data_avgAnnualReturnTenYear,
#CMFund_FundResearchFundDetail_data_lifereturn {
  clear: both;
}

.tableColumnFarRightGraphicNewArrow {
  background: url(../images/Button-tradearrow.gif) center no-repeat;
  padding: 5px 2px 5px 2px;
  width: 40px;
}

input.tableColumnFarRightGraphicNewArrow {
  background: url(../images/Button-tradearrow.gif) center no-repeat;
  border: none;
  width: 30px;
}

.bankproduct_introduction_content {
  float: left;
  margin-bottom: 10px;
}

/* BP Batch Trade Confirmation */
#CMBankProducts_TradeConfirmation {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}

#CMBankProducts_TradeConfirmation .CMGlobal_introductionheader {
  clear: both;
  float: left;
  padding: 10px;
  width: 100%;
}

#CMBatchTrade_BatchTradeConfirmation_printtoolbox {
  display: none;
}

#CMBankProducts_TradeConfirmation_OrderRequestBasket {
  border: none;
  float: left;
  margin: 10px 0;
  max-width: 1280px;
  width: 100%;
}

.CMBankProducts_TradeConfirmation_tradetop {
  background: none;
  font-weight: bold;
  padding: 0;
}

.CMBankProducts_TradeConfirmation_statusmessage {
  clear: both;
  float: left;
  padding: 0;
}

#CMBankProducts_BatchTrading_ReinvestWarningModal {
  background: #fff;
  border: 1px solid #999;
  padding: 10px;
  width: 480px;
}

#CMBankProducts_BatchTrading_ReinvestWarningModal_header {
  display: none;
}

#CMBankProducts_BatchTrading_ReinvestWarningModal_headertitle {
  float: left;
  font-weight: bold;
}

#CMBankProducts_BatchTrading_ReinvestWarningModal_headerclosebutton {
  float: right;
  margin: 0;
}

#CMBankProducts_BatchTrading_ReinvestWarningModal_headerclosebutton input.buttonclosemodal {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #336699;
  float: left;
  text-decoration: underline;
}

#CMBankProducts_BatchTrading_ReinvestWarningModal_content {
  float: left;
  text-align: center;
  width: 460px;
}

.CMBankProducts_BatchTrading_ReinvestWarningModal_reinvest {
  padding: 10px 0;
}

.CMBankProducts_BatchTrading_ReinvestWarningModal_buttonbox {
  clear: both;
  float: right;
}

.CMBankProducts_BatchTrading_ReinvestWarningModal_continuebutton {
  float: left;
  margin: 0 10px 0 0;
}

.CMBankProducts_BatchTrading_ReinvestWarningModal_continuebutton input {
  background: url(../images/button_continue.png) no-repeat 0 0;
  border: none;
  float: left;
  height: 31px;
  width: 126px;
}

.CMBankProducts_BatchTrading_ReinvestWarningModal_cancelbutton {
  float: left;
}

.CMBankProducts_BatchTrading_ReinvestWarningModal_cancelbutton input {
  background: transparent url(../images/button_cancel.png) no-repeat 0 0;
  border: none;
  float: left;
  height: 31px;
  margin: 0 5px 0 0;
  width: 110px;
}

#CMBankProducts_BatchTrading_ReinvestWarningModal_footer {
  clear: both;
  height: 3px;
  width: 500px;
}

/*-------------------------- Bank Products - Modal -------------------------*/
#CMAccount_AccountMain_BankProductsPositionDetailModal {
  background: #fff;
  float: left;
  width: 500px;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal #CMGlobal_introductiontoolbox {
  float: left;
  margin: 0 0 0 0;
  position: relative;
  width: 100%;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal_header {
  background-image: url(../../images/modal_header.png);
  background-repeat: repeat-x;
  height: 29px;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal_headertitle {
  color: #fff;
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin: 8px 0 0 9px;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal_headerclosebutton {
  float: right;
  margin: 0 3px 12px 0;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal_headerclosebutton input {
  background-color: transparent;
  background-image: url(../../images/button_closemodal.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  height: 20px;
  position: relative;
  width: 54px;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal #CMGlobal_introductiontoolbox_printlink {
  clear: both;
  float: right;
  margin: 0 10px 0 0;
  position: relative;
  width: 45px;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal #CMGlobal_introductiontoolbox_printlink input {
  background: url(../../images/icon_print.png) no-repeat 0 4px;
  border: none;
  color: #36648b;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 11px;
  height: 22px;
  margin: 2px 0 0 0;
  padding: 0 0 0 20px;
  text-decoration: underline;
  width: 45px;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal_contentleft {
  float: left;
  margin: 0 15px;
  width: 225px;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal_content_dates {
  float: left;
  margin: 20px 0 5px 10px;
  width: 480px;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal_content_currentrate {
  float: left;
  font-size: 11px;
  font-style: italic;
  margin: 0 0 6px 280px;
  text-align: right;
  width: 100px;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal_content_asofdate {
  float: right;
  font-style: italic;
  margin: 0;
  text-align: right;
  width: 88px;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal_contentright {
  float: left;
}

.CMAccount_AccountMain_BankProductsPositionDetailModal_contententrylabel {
  float: left;
  font-weight: bold;
  margin: 0 5px 0 0;
  white-space: nowrap;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal_content {
  background: url(../../images/modal_contentback.png);
  float: left;
  margin: -27px 0 0 0;
  padding: 10px 0;
  width: 500px;
}

.CMAccount_AccountMain_BankProductsPositionDetailModal_contententry {
  clear: both;
  float: left;
  margin: 0 0 5px;
  width: 230px;
}

#CMAccount_AccountMain_BankProductsPositionDetailModal_footer {
  background: url(../../images/modal_footer.png);
  clear: both;
  height: 3px;
}

/* ========================================================================
   Component: PL > cm-app > pages > _funddetail-modal.scss
 ========================================================================== */
#CMFund_MMMFFundResearchFundDetail_headerdata_portfoliomanager, #CMFund_MMMFFundResearchFundDetail_headerdata_phonenumber {
  float: none;
}

#CMFund_MMMFFundResearchFundDetail_datacolumndocuments a {
  color: #236093;
  text-decoration: none;
}

#CMFund_MMMFFundResearchFundDetail_datacolumndocuments a:hover {
  color: #236093;
  text-decoration: none;
}

#fundDetailsDialog #CMFund_MMMFFundResearchFundDetail_buttontrade .CMbutton, #fundDetailsWatchDialog #CMFund_MMMFFundResearchFundDetail_buttontrade .CMbutton, #CMFund_MMMFFundResearchFundDetail #CMFund_MMMFFundResearchFundDetail_buttontrade .CMbutton, #CMFund_USBFFundResearchFundDetail #CMFund_MMMFFundResearchFundDetail_buttontrade .CMbutton {
  background-image: none;
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%) !important;
  border: medium none;
  border-color: #236093;
  border-radius: 0;
  color: #ffffff !important;
  cursor: pointer;
  float: left;
  font-family: CitiSans, arial, helvetica, sans-serif;
  font-size: 0.75rem;
  padding: 7px 20px 5px;
  text-transform: uppercase;
  height: auto;
  font-weight: bold;
}

#fundDetailsDialog .hyperlink, #fundDetailsWatchDialog .hyperlink, #CMFund_MMMFFundResearchFundDetail .hyperlink, #CMFund_USBFFundResearchFundDetail .hyperlink {
  background: none !important;
  border: 0 none;
  box-shadow: none;
  color: #236093;
}

/*#CMFund_MMMFFundResearchFundDetail_buttontrade input {
    background: url(../images/AccountTradeButton.gif) no-repeat -14px 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #3a5381;
    cursor: pointer;
    float: left;
    font-size: 11px;
    padding: 0 0 0 14px;
    text-decoration: underline;
    text-align: left;
    text-shadow: none;
    text-transform: none;
}*/
#fundDetailTabs .ui-state-active, #fundDetailTabs .ui-widget-content .ui-state-active, #fundDetailTabs .ui-widget-header .ui-state-active {
  color: #000;
  border-bottom: 1px solid #fff !important;
  margin-bottom: 0 !important;
  background: none;
}

.dashboard-app #fundDetailTabs .ui-state-active {
  margin-bottom: -1px !important;
}

#fundDetailTabs {
  border: 0 none;
  background: none;
  color: inherit;
  /*.CMFund_MMMFFundResearchFundDetail_datacolumn {

        .datapointgroup {
            flex-wrap: initial;
        }
    }*/
}

#fundDetailTabs a:hover {
  text-decoration: none !important;
}

#fundDetailTabs .ui-tabs-nav {
  box-shadow: none;
  border: 0 none;
  background: none;
  padding: 0;
  margin-left: 10px;
}

#fundDetailTabs .ui-tabs-nav li {
  margin: 0 5px 0 0;
  border: 1px solid #d2d2d2;
  border-bottom: 1px solid transparent;
  background: #f1f2f2;
  border-radius: 0;
}

#fundDetailTabs .ui-tabs-nav li a {
  color: #000 !important;
}

#fundDetailTabs .ui-state-default {
  background: none;
}

#fundDetailTabs .ui-state-active a, #fundDetailTabs .ui-state-active a:link, #fundDetailTabs .ui-state-active a:visited {
  color: #000 !important;
}

#fundDetailTabs .ui-tabs-panel {
  border: 1px solid #d2d2d2;
}

#CMBO_UserAdmin_useradminmain {
  width: 1280px;
  margin: 0 auto;
}

#CMBO_UserAdmin_useradminmain .Global_filter {
  display: flex;
  padding-left: 10px;
  margin-left: -20px;
}

#CMBO_UserAdmin_useradminmain .Global_filter .Global_filterentry {
  margin: 10px;
}

#CMBO_UserAdmin_useradminmain .Global_filter .Global_buttonbox {
  padding-top: 15px;
}

#CMBO_UserAdmin_useradminmain #Global_pageTitle {
  clear: left;
  padding: 10px;
}

#CMBO_UserAdmin_useradminmain #Global_grid {
  margin-top: 20px;
}

#CMBO_UserAdmin_useradminmain #Global_gridheader {
  font-size: 13px;
  font-weight: bold;
}

#CMBO_UserAdmin_useradminmain .CMGlobal_CAGridViewMaster th.Global_datagridHeader {
  font-weight: bold;
  font-size: 13px;
}

#CMBO_UserAdmin_useradminmain .CMGlobal_CAGridViewMaster th.Global_datagridHeader a {
  color: #000;
}

#CMBO_UserAdmin_useradminmain tr.Global_datagridemptyrow {
  color: #b5121b;
}

#CMBO_UserAdmin_useradminmain .CMGlobal_CAGridViewMaster th.Global_datagridHeader a:visited, #CMBO_UserAdmin_useradminmain .CMGlobal_CAGridViewMaster th.Global_datagridHeader a:active, #CMBO_UserAdmin_useradminmain .CMGlobal_CAGridViewMaster th.Global_datagridHeader a:hover {
  color: #000;
}

#CMBO_UserAdmin_useradminmain td.Global_datagridItem.cellaction a {
  color: #236093;
}

#CMBO_UserAdmin_useradminmain .CMGlobal_CAGridViewMaster tr:nth-child(even) {
  background-color: #f1f2f2;
}

#CMBO_UserAdmin_useradminmain .CMGlobal_CAGridViewMaster th {
  border-right: 1px solid #d2d2d2;
}

#CMBO_UserAdmin_useradminmain .CMGlobal_CAGridViewMaster th:last-child {
  border-right: none !important;
}

#CMBO_UserAdmin_useradminmain .Global_error {
  color: #b5121b;
}

#CMBO_UserAdmin_useradminmain .link_button_container {
  background: transparent url(../images/icon-plus-blue.png) left center no-repeat;
  background-size: contain;
  height: 16px;
  width: 100px;
  margin-bottom: 10px;
}

#CMBO_UserAdmin_useradminmain .link_button_container a {
  padding: 2px 0 0 20px;
}

#CMBO_UserAdmin_useradminmain #ctl00_cph_lbExecuteSearch {
  margin-top: 7px;
  margin-left: 38px;
}

#CMBO_UserAdmin_useradminmain .CMGlobal_searchbutton:hover {
  color: #fff !important;
}

#CMBO_UserAdmin_useradminmain .Global_gridviewPager {
  background: #E8E8E8;
  padding: 9px;
  width: 85%;
  max-width: 1050px;
}

#CMBO_UserAdmin_useradminmain tr.Global_gridviewPager tr {
  margin-left: 575px;
  float: left;
}

#CMBO_UserAdmin_userinfoform {
  width: 1280px;
  margin: 0 auto;
}

#CMBO_UserAdmin_userinfoform #Global_data h2 {
  font-size: 13px;
  font-weight: bold;
}

#CMBO_UserAdmin_userinfoform .Global_entry {
  display: flex;
  padding: 5px;
}

#CMBO_UserAdmin_userinfoform .label.labelsmall {
  clear: left;
  width: 200px;
}

#CMBO_UserAdmin_userinfoform #ctl00_cph_fv_UserInfo_lbContinueSecurity, #CMBO_UserAdmin_userinfoform #ctl00_cph_fv_UserInfo_lbContinueSecurityVal, #CMBO_UserAdmin_userinfoform #ctl00_cph_fv_UserInfo_hlAccounts {
  font-size: 12px;
  background: #036;
  background: #236093;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 1em 2em;
  height: 16px;
  width: 100px;
  margin-left: 10px;
  border-radius: 0;
  text-decoration: none !important;
  border: 1px solid #036;
  text-transform: uppercase;
}

#CMBO_UserAdmin_userinfoform #ctl00_cph_btnBack {
  font-size: 12px;
  background: #036;
  background: #236093;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 1em 2em;
  height: auto;
  width: auto;
  margin-left: 10px;
  border-radius: 0;
  text-decoration: none !important;
  border: 1px solid #036;
  clear: left;
  text-transform: uppercase;
}

#CMBO_UserAdmin_userinfoform #Global_pageTitle {
  clear: left;
  padding: 10px;
  display: flex;
}

#CMBO_UserAdmin_userinfoform #Global_buttonboxback {
  padding: 20px 20px 0 0;
}

#CMBO_UserAdmin_userinfoform #ctl00_cph_lbl_errorMsg {
  color: #b5121b;
  float: left;
  margin-top: -37px;
}

#CMBO_UserAdmin_userinfoform span#ctl00_cph_fv_UserInfo_spanActionTitle {
  font-size: 13px;
  font-weight: bold;
}

#CMBO_UserAdmin_userinfoform span#ctl00_cph_fv_UserInfo_lbl_header_uid {
  font-size: 13px;
}

#CMBO_UserAdmin_userinfoform .div_userInfo_details {
  display: flex;
  margin-bottom: 10px;
}

#CMBO_UserAdmin_userinfoform .inputinstructions {
  float: right;
  margin-top: 10px;
}

#CMBO_UserAdmin_userinfoform div#ctl00_cph_fv_UserInfo_ValidationSummary1 {
  color: #b5121b !important;
}

#CMBO_AccountAdmin_AccountadminMain {
  width: 1280px;
  margin: 0 auto;
}

#CMBO_AccountAdmin_AccountadminMain .Global_filter {
  display: flex;
  padding-left: 10px;
  margin-left: -20px;
}

#CMBO_AccountAdmin_AccountadminMain .Global_filter .Global_filterentry {
  margin: 10px;
}

#CMBO_AccountAdmin_AccountadminMain .Global_filter .Global_buttonbox {
  padding-top: 25px;
}

#CMBO_AccountAdmin_AccountadminMain #Global_pageTitle {
  clear: left;
  padding: 10px;
}

#CMBO_AccountAdmin_AccountadminMain #Global_grid {
  margin-top: 20px;
}

#CMBO_AccountAdmin_AccountadminMain #Global_gridheader {
  font-size: 13px;
  font-weight: bold;
}

#CMBO_AccountAdmin_AccountadminMain .CMGlobal_CAGridViewMaster th.Global_datagridHeader {
  font-weight: bold;
  font-size: 13px;
}

#CMBO_AccountAdmin_AccountadminMain .CMGlobal_CAGridViewMaster th.Global_datagridHeader a {
  color: #000;
}

#CMBO_AccountAdmin_AccountadminMain .CMGlobal_CAGridViewMaster th.Global_datagridHeader a:visited, #CMBO_AccountAdmin_AccountadminMain .CMGlobal_CAGridViewMaster th.Global_datagridHeader a:active, #CMBO_AccountAdmin_AccountadminMain .CMGlobal_CAGridViewMaster th.Global_datagridHeader a:hover {
  color: #000;
}

#CMBO_AccountAdmin_AccountadminMain .CMGlobal_CAGridViewMaster tr:nth-child(even) {
  background-color: #f1f2f2;
}

#CMBO_AccountAdmin_AccountadminMain .CMGlobal_CAGridViewMaster tr td a {
  color: #236093;
}

#CMBO_AccountAdmin_AccountadminMain .Global_error {
  color: #b5121b;
}

#CMBO_AccountAdmin_AccountadminMain .CMGlobal_CAGridViewMaster th {
  border-right: 1px solid #d2d2d2;
}

#CMBO_AccountAdmin_AccountadminMain .CMGlobal_CAGridViewMaster th:last-child {
  border-right: none !important;
}

#CMBO_AccountAdmin_AccountadminMain #ctl00_cph_ucAccountAdmin_lbExecuteSearch {
  font-size: 12px;
  background: #036;
  background: #236093;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 1em 2em;
  height: auto;
  width: auto;
  margin-left: 10px;
  border-radius: 0;
  text-decoration: none !important;
  border: 1px solid #036;
  float: left;
  text-transform: uppercase;
}

#CMBO_AccountAdmin_AccountadminMain tr.Global_datagridemptyrow {
  color: #b5121b;
}

#CMBO_AccountAdmin_AccountadminMain .Global_gridviewPager {
  background: #E8E8E8;
  padding: 9px;
  width: 85%;
  max-width: 1050px;
}

#CMBO_AccountAdmin_AccountadminMain tr.Global_gridviewPager tr {
  margin-left: 575px;
  float: left;
}

#CMBO_AccountAdmin_AccountDualAuthorization {
  width: 1280px;
  margin: 0 auto;
}

#CMBO_AccountAdmin_AccountDualAuthorization #Global_pageTitle {
  clear: left;
  padding: 10px;
  display: flex;
}

#CMBO_AccountAdmin_AccountDualAuthorization #Global_buttonboxback {
  padding: 20px 20px 0 0;
}

#CMBO_AccountAdmin_AccountDualAuthorization #ctl00_cph_hyp_back, #CMBO_AccountAdmin_AccountDualAuthorization #ctl00_cph_lb_update {
  font-size: 12px;
  background: #036;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 1em 2em;
  height: auto;
  width: auto;
  border-radius: 0;
  text-decoration: none !important;
  border: 1px solid #036;
  clear: left;
  text-transform: uppercase;
}

#CMBO_AccountAdmin_AccountDualAuthorization #Global_grid {
  margin: 10px 10px;
  width: 100%;
  float: left;
}

#CMBO_AccountAdmin_AccountDualAuthorization #Global_gridbody {
  float: left;
  width: 100%;
}

#CMBO_AccountAdmin_AccountDualAuthorization #Global_gridheader {
  font-size: 13px;
  font-weight: bold;
}

#CMBO_AccountAdmin_AccountDualAuthorization .CMGlobal_CAGridViewMaster tr.Global_datagridHeader th a {
  color: #000;
  font-weight: bold;
  font-size: 13px;
}

#CMBO_AccountAdmin_AccountDualAuthorization .CMGlobal_CAGridViewMaster tr.Global_datagridHeader th a:visited, #CMBO_AccountAdmin_AccountDualAuthorization .CMGlobal_CAGridViewMaster tr.Global_datagridHeader th a:active, #CMBO_AccountAdmin_AccountDualAuthorization .CMGlobal_CAGridViewMaster tr.Global_datagridHeader th a:hover {
  color: #000;
}

#CMBO_AccountAdmin_AccountDualAuthorization .CMGlobal_CAGridViewMaster tr:nth-child(even) {
  background-color: #f1f2f2;
}

#CMBO_AccountAdmin_AccountDualAuthorization .CMGlobal_CAGridViewMaster th {
  border-right: 1px solid #d2d2d2;
}

#CMBO_AccountAdmin_AccountDualAuthorization .CMGlobal_CAGridViewMaster th:last-child {
  border-right: none !important;
}

#CMBO_AccountAdmin_AccountDualAuthorization .CMGlobal_CAGridViewMaster tr.Global_datagridemptyrow {
  color: #b5121b;
}

#CMBO_AccountAdmin_AccountDualAuthorization .Global_gridtools.top {
  height: 30px;
  margin-top: 20px;
}

#CMBO_AccountAdmin_AccountDualAuthorization .Global_error {
  color: #b5121b;
}

#CMBO_AccountAdmin_AccountDualAuthorization .Global_filterentry {
  display: flex;
  padding-left: 10px;
}

#CMBO_AccountAdmin_AccountDualAuthorization #ctl00_cph_tableSearch {
  display: flex;
}

#CMBO_AccountAdmin_AccountDualAuthorization .Global_filterentry .label {
  font-size: 13px;
  font-weight: bold;
}

#CMBO_AccountAdmin_AccountDualAuthorization .Global_filterentry .data {
  margin-left: 10px;
  margin-top: 1px;
}

#CMBO_AccountAdmin_AccountDualAuthorization #ctl00_cph_lbl_message {
  color: #b5121b;
}

#CMBO_AccountAdmin_AccountDualAuthorization .button_info {
  background: transparent url("../images/info_icon.png") no-repeat 0 0;
  cursor: pointer;
  float: right;
  height: 16px;
  margin: 0 5px;
  width: 16px;
}

#CMBO_AccountAdmin_AccountDualAuthorization .button_info .tooltiptext {
  width: 25%;
  visibility: hidden;
  border: 1px solid #ccc;
  background-color: #fff;
  font-weight: bold;
  color: #333;
  text-align: left;
  border-radius: left;
  margin-left: 20px;
  margin-top: -10px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
}

#CMBO_AccountAdmin_AccountDualAuthorization .button_info:hover .tooltiptext {
  visibility: visible;
}

#CMBO_UserAdmin_addaccountsform {
  width: 1280px;
  margin: 0 auto;
}

#CMBO_UserAdmin_addaccountsform #Global_pageTitle {
  clear: left;
  padding: 10px;
  display: flex;
}

#CMBO_UserAdmin_addaccountsform .Global_buttonboxback {
  padding: 20px 20px 0 0;
}

#CMBO_UserAdmin_addaccountsform #ctl00_cph_lnkBtnBack, #CMBO_UserAdmin_addaccountsform #ctl00_cph_searchButton, #CMBO_UserAdmin_addaccountsform #ctl00_cph_submitButton, #CMBO_UserAdmin_addaccountsform #ctl00_cph_btnYes, #CMBO_UserAdmin_addaccountsform #ctl00_cph_btnNo {
  font-size: 12px;
  background: #036;
  background: #236093;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 1em 2em;
  height: auto;
  width: auto;
  width: auto;
  margin-left: 10px;
  border-radius: 0;
  text-decoration: none !important;
  border: 1px solid #036;
  clear: left;
  text-transform: uppercase;
}

#CMBO_UserAdmin_addaccountsform h3 {
  font-size: 13px;
  margin-bottom: 10px;
}

#CMBO_UserAdmin_addaccountsform .Global_grid {
  float: left;
  width: 100%;
  margin-left: 10px;
}

#CMBO_UserAdmin_addaccountsform tr.Global_datagridPager td {
  background: #E8E8E8;
  padding: 9px;
  width: 85%;
  max-width: 1050px;
}

#CMBO_UserAdmin_addaccountsform #Global_gridheader {
  font-size: 13px;
}

#CMBO_UserAdmin_addaccountsform .CMGlobal_CAGridViewMaster tr.Global_datagridHeader td a {
  color: #000;
  font-weight: bold;
  font-size: 13px;
}

#CMBO_UserAdmin_addaccountsform .CMGlobal_CAGridViewMaster tr.Global_datagridHeader td a:visited, #CMBO_UserAdmin_addaccountsform .CMGlobal_CAGridViewMaster tr.Global_datagridHeader td a:active, #CMBO_UserAdmin_addaccountsform .CMGlobal_CAGridViewMaster tr.Global_datagridHeader td a:hover {
  color: #000;
}

#CMBO_UserAdmin_addaccountsform .CMGlobal_CAGridViewMaster tr:nth-child(even) {
  background-color: #f1f2f2;
}

#CMBO_UserAdmin_addaccountsform .CMGlobal_CAGridViewMaster tr td a {
  color: #236093;
}

#CMBO_UserAdmin_addaccountsform .Global_datagridHeader td {
  border-right: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}

#CMBO_UserAdmin_addaccountsform .Global_datagridHeader td:last-child {
  border-right: none !important;
}

#CMBO_UserAdmin_addaccountsform #ctl00_cph_Global_filter {
  display: flex;
  margin: 10px;
}

#CMBO_UserAdmin_addaccountsform .Global_filterentry {
  margin-right: 10px;
}

#CMBO_UserAdmin_addaccountsform #ctl00_cph_searchButton {
  margin-top: 15px;
}

#CMBO_UserAdmin_addaccountsform .labelCurrentAccounts {
  float: left;
  font-weight: bold;
}

#CMBO_UserAdmin_addaccountsform #ctl00_cph_headerAddAccounts {
  font-weight: bold;
}

#CMBO_UserAdmin_addaccountsform #ctl00_cph_submitButton {
  margin-top: 15px;
}

#CMBO_UserAdmin_addaccountsform .Global_grid .Global_gridheader {
  clear: both;
  padding-top: 6px;
}

#CMBO_UserAdmin_addaccountsform #AddAccounts_dvModalPopupConfirmation {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  max-height: 600px;
  height: auto;
  overflow: hidden;
}

#CMBO_UserAdmin_addaccountsform #AddAccounts_dvModalPopupConfirmation .ModalPopup_header {
  color: #000;
  font-size: 13px;
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
}

#CMBO_UserAdmin_addaccountsform #AddAccounts_dvModalPopupConfirmation .ModalPopup_body {
  color: #000;
  font-size: 13px;
  margin: 15px;
  overflow-y: auto;
  height: auto;
  max-height: 489px;
}

#CMBO_UserAdmin_addaccountsform #AddAccounts_dvModalPopupConfirmation .ModalPopup_buttonbox {
  height: 40px;
  padding-bottom: 10px;
  display: block;
  margin-left: 40%;
  text-align: center;
}

#CMBO_UserAdmin_addaccountsform .modalBackground {
  background: #000 !important;
  filter: alpha(opacity=50);
  opacity: 0.85;
  background: transparent;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#CMBO_UserAdmin_addaccountsform .CMBO_ModalPopup_message {
  top: 40%;
  position: relative;
  height: 150px;
  background: #fff;
  opacity: 1;
  width: 500px;
  margin: 0 auto;
}

#CMBO_UserAdmin_addaccountsform .div_processimage {
  padding-top: 70px;
}

#CMBO_UserAdmin_addaccountsform .pleaseWaitLabel {
  margin-top: 9px;
  font-size: 13px;
  font-weight: bold;
}

div#PortfolioComplianceSettings_pageleveldisclaimer {
  font-size: 12px;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  clear: left;
  padding-top: 12px;
}

div#PortfolioComplianceEval_pageleveldisclaimer {
  font-size: 12px;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  clear: left;
  padding-top: 12px;
}

.dialog-buttons .dialog-footer-actions .buttonPrimarySingle {
  margin-bottom: 6px;
}

button.btn.btn-link.CMCompliance_Settings_cancel_button {
  background: linear-gradient(to bottom, #236093 0%, #236093 40%, #236093 100%);
  padding: 1em 2em !important;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #fff !important;
  border: 0;
  font-weight: bold;
  border: 0;
  margin-right: 10px;
}

.compliance-dialog-container .dialog-buttons {
  display: flex;
  float: right;
  width: 100% !important;
}

.compliance-dialog-container .dialog-buttons button.btn.btn-primary.btn-dialog.buttonPrimarySingle.buttoncancel_override {
  margin-right: 10px;
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

#Report_Positions .btn:hover {
  box-shadow: none !important;
}

.compliance-dialog-container .dialog-body {
  border-bottom: none !important;
}

.compliance-dialog-container .confirm {
  margin-top: 20px;
  float: right !important;
  width: auto !important;
  padding-bottom: 4px;
}

.ng-star-inserted {
  padding-bottom: 4px;
}

.conditions-apply {
  padding-right: 24px;
}

/* ========================================================================
   Component: Components > Internal > compliance > _compliance-settings.scss
 ========================================================================= */
#CMCompliance_Settings {
  width: 1280px;
  margin-top: 0;
  clear: both;
}

#CMCompliance_Settings select {
  width: 100% !important;
}

#CMCompliance_Settings .dynamic-content-parent {
  flex: 1 1 100%;
}

#CMCompliance_Settings .validation-error.col-md-10 {
  padding-left: 0px !important;
}

#CMCompliance_Settings .compliance-settings-header {
  margin: 0 0 28px 0;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #666666;
}

#CMCompliance_Settings .compliance-title {
  font-size: 46px;
  font-weight: normal;
  color: inherit;
}

#CMCompliance_Settings .compliance-settings-content {
  display: flex;
}

#CMCompliance_Settings .compliance-settings-content .compliance-settings-rules-list {
  flex: 0 0 auto;
  min-width: 250px;
  margin: 0 25px 0 0;
}

#CMCompliance_Settings .compliance-settings-content .compliance-settings-rule-content {
  flex: 1 1 100%;
}

#CMCompliance_Settings .mat-subheader {
  margin-top: auto;
}

#CMCompliance_Settings .ui-tag-link {
  width: 100%;
  color: #236093;
}

#CMCompliance_Settings .ui-tag-link.active, #CMCompliance_Settings .ui-tag-link:hover {
  color: #0f2a41;
}

#CMCompliance_Settings .ui-tag-link .ui-tag-name {
  font-size: 14px;
  font-family: CitiSans, arial, helvetica, sans-serif;
}

#CMCompliance_Settings .ui-tag-link .ui-tag-count {
  font-size: 14px;
  font-family: CitiSans, arial, helvetica, sans-serif;
}

#CMCompliance_Settings .rule-card-header-icon {
  cursor: pointer;
}

#CMCompliance_Settings .label-text {
  font-size: 13px;
  font-weight: bold;
}

#CMCompliance_Settings .display-text {
  font-size: 13px;
}

#CMCompliance_Settings .rule-details {
  flex: 2 2 100%;
}

#CMCompliance_Settings .rule-details > div {
  margin: 0 0 20px 0;
}

#CMCompliance_Settings .rule-details > div:last-of-type {
  /*Couldn't find in the HTML code*/
  margin-bottom: 0;
}

#CMCompliance_Settings .rule-details p:last-of-type {
  /*Couldn't find in the HTML code*/
  margin: 0;
}

#CMCompliance_Settings .rule-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

#CMCompliance_Settings .rule-actions > div {
  display: inline-block;
  padding: 10px 10px 10px 10px;
  cursor: pointer;
}

#CMCompliance_Settings .rule-trade-view-condition, #CMCompliance_Settings .rule-trade-view-trade-action {
  display: flex;
}

#CMCompliance_Settings .rule-trade-view-condition .label-text, #CMCompliance_Settings .rule-trade-view-trade-action .label-text {
  flex: 0 0 135px;
}

#CMCompliance_Settings .rule-trade-view-condition .display-text, #CMCompliance_Settings .rule-trade-view-trade-action .display-text {
  flex: 1 1 auto;
}

#CMCompliance_Settings .text-emphasis {
  font-style: italic;
}

#CMCompliance_Settings form {
  /*display: flex;*/
  width: 100%;
}

#CMCompliance_Settings form .form-group {
  margin: 8px 0 0 0;
}

#CMCompliance_Settings .rule-form {
  flex: 1 1 50%;
}

#CMCompliance_Settings app-rule-instance-module {
  clear: left;
  flex: 1 1 50%;
  display: block;
  padding: 0 0 20px 0;
}

#CMCompliance_Settings app-rule-instance-module .rule-module-list label {
  float: right;
  padding: 0 0 0 4px;
  margin-top: 0;
}

#CMCompliance_Settings .selected-rule-tag-name {
  font-weight: bold;
}

#CMCompliance_Settings .operation-input-wrapper {
  padding: 0 0 0 0;
  width: 50%;
  float: left;
}

#CMCompliance_Settings .operation-input-wrapper > div.operation-input {
  flex: 1;
  width: 45%;
  float: left;
  display: inline-block;
}

#CMCompliance_Settings .operation-input-wrapper > div.operation-input input[type=text] {
  width: 68%;
}

#CMCompliance_Settings .operation-input-wrapper > span {
  display: inline-block;
  padding: 15px 2%;
  width: 10%;
  float: left;
}

#CMCompliance_Settings .form-control {
  height: auto;
}

#CMCompliance_Settings label.col-md-2.col-form-label {
  padding: 5px !important;
  font-size: 13px;
  float: left;
}

.CMCompliance_Settings_condition_asterisk {
  display: inline-block;
  vertical-align: top;
}

.CMCompliance_Settings_info {
  vertical-align: middle;
  font-size: 24px;
}

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

.CMCompliance_Settings_rule_module_list {
  padding: 5px 15px 0 0;
  display: flex;
}

.CMCompliance_Settings_rule_module_item {
  padding: 0 56px 0 0;
}

.CMCompliance_Settings_rule_module_item_option {
  font-size: 13px !important;
}

.CMCompliance_Settings_rule_type_static_text {
  width: 50%;
  padding: 5px;
  font-size: 13px;
  font-family: CitiSans, arial, helvetica, sans-serif;
}

.CMCompliance_Settings_rule_type_label {
  display: flex !important;
}

.CMCompliance_Settings_FX_message {
  font-style: italic;
}

.CMCompliance_Settings_error_message_margin {
  margin: 5px 0 0 0;
}

app-popup-message {
  /*Couldn't find in the HTML code*/
}

app-popup-message .compliance-popup-message-container {
  display: flex;
  align-items: center;
}

app-popup-message .compliance-popup-message-container .popup-message-text {
  flex: 1 1 100%;
}

.cdk-global-overlay-wrapper {
  align-items: center;
  justify-content: center;
}

.compliance-dialog-container {
  /*Couldn't find in the HTML code*/
}

.compliance-dialog-container .dialog-header {
  display: flex;
}

.compliance-dialog-container .dialog-header .dialog-header-content {
  flex: 1 1 100%;
}

.compliance-dialog-container .dialog-body {
  margin-top: 20px;
  border-bottom: 1px solid #CCCCCF;
  margin-bottom: 9px !important;
  padding-bottom: 42px;
}

.compliance-dialog-container .dialog-body img.directions {
  width: 100%;
}

.compliance-dialog-container .confirm {
  margin-top: 20px;
  justify-content: center !important;
}

.compliance-dialog-container .dialog-buttons {
  display: flex;
  margin-top: 25px;
}

.compliance-dialog-container .dialog-footer-message {
  display: flex;
  align-items: center;
  flex: 2 2 100%;
}

.compliance-dialog-container .dialog-footer-actions {
  display: flex;
  justify-content: center;
  flex: 0 0 auto;
}

.compliance-dialog-container .fa {
  font-size: 18px;
}

.compliance-dialog-container .dialog-bottomMessage {
  color: #CCCCCF;
}

.validation-error {
  color: #ff0000;
  background: transparent;
  font-weight: bold;
  font-size: 11px;
}

.validation-error:empty {
  display: none;
}

.flex-center {
  display: flex;
  justify-content: center;
}

.mat_cross {
  padding: 0;
  color: inherit;
}

.field-error {
  border: 1px solid #FF0000 !important;
}

/* ========================================================================
   Component: Components > Internal > compliance > _portfolio-evaluation.scss
 ========================================================================= */
#CMCompliance_Report {
  width: 1280px;
  margin-top: 0;
  padding: 0;
  clear: both;
}

#CMCompliance_Report .compliance-report-header {
  padding: 0 0 10px 0;
}

#CMCompliance_Report .compliance-report-title {
  font-size: 46px;
  font-weight: normal;
  color: inherit;
  margin: 0;
}

#CMCompliance_Report .compliance-report-content {
  display: flex;
  height: auto;
  background: white;
}

.conditions-apply {
  font-size: 13px;
  font-weight: bold;
}

.CMCompliance_Report_rule_isNotMyPosition_font_style {
  font-style: italic;
}

.CMCompliance_Report_rules_content {
  margin: 35px 0 40px 0;
}

.CMCompliance_Report_group_content, .grid_content {
  width: 100%;
  padding: 0 0 0 0;
}

.CMCompliance_Report_gridview_level0_header {
  height: 58px;
  border-top: 3px solid #666666;
  border-bottom: 1px solid #c5c5c5;
}

.CMCompliance_Report_gridview_level0_header_padding {
  padding: 18px 15px 0 0;
}

.CMCompliance_Report_gridview_header_column_row {
  padding: 7px 0 0 15px;
  border-bottom: 1px solid #c5c5c5;
  height: 34px;
  margin: 0 0 0 0;
}

.CMCompliance_Report_gridview_level0_header_text {
  font-size: 14px;
  font-weight: bold;
}

.CMCompliance_Report_gridview_level1_header_text {
  display: table;
  padding: 0 15px 0 0;
}

.CMCompliance_Report_gridview_level1_content, .grid_level_0_content {
  margin: 0 0 0 0 !important;
}

.CMCompliance_Report_gridview_level1_header_expand {
  display: table-cell;
  vertical-align: middle;
  padding: 0 8px 0 0;
}

.CMCompliance_Report_gridview_level2 {
  display: flex;
  padding: 18px 0 0 0;
}

.CMCompliance_Report_gridview_columnactual, .column_text_right_align {
  text-align: right;
}

.CMCompliance_Report_gridview_columnheader_text {
  color: #666666;
  font-size: 13px;
  font-weight: bold;
}

.CMCompliance_Report_gridview_columnstatus {
  text-align: center;
}

#Report_Positions .btn:hover {
  background: #236093;
  border: none;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#Report_Positions .btn {
  padding: 13px 15px 13px 15px;
  font-size: 12px;
  line-height: 1em;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: -9px;
}

.CMCompliance_Report_status_tooltip {
  background-color: #ffffff;
  color: black !important;
  padding: 20px 20px 20px 20px !important;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  z-index: 9999;
  font-size: 13px;
  font-weight: normal;
}

.CMCompliance_Report_level0_hyperlink {
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 0 10px;
  cursor: pointer;
}

#CMCompliance_Report #CMCompliance_Report_secondlevel .fa {
  color: #236093 !important;
  font-size: 13px;
  width: 16px;
}

.CMCompliance_Report_gridview_status_clear {
  clear: left;
}

#CMCompliance_Report #CMCompliance_Report_secondlevel .CMCompliance_Report_gridview_status {
  padding: 0 50px 0 0;
}

@media screen and (max-width: 767px) {
  #CMCompliance_Report #CMCompliance_Report_secondlevel .CMCompliance_Report_gridview_labelstatus {
    padding: 0 0 0 8px;
  }
}

#CMCompliance_Report .mainPass:before, #CMCompliance_Report .mainFail:before, #CMCompliance_Report .mainWarn:before, #CMCompliance_Report .subPass:before, #CMCompliance_Report .subWarn:before, #CMCompliance_Report .subFail:before {
  font-family: 'Material Icons';
  font-size: 21px;
  margin-right: 8px;
  top: 6px;
  position: relative;
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}

#CMCompliance_Report .mainPass, #CMCompliance_Report .mainWarn, #CMCompliance_Report .mainFail {
  color: white !important;
  padding: 8px;
  border-radius: 16px;
}

#CMCompliance_Report .mainPass {
  background: green;
}

#CMCompliance_Report .mainWarn {
  background: orange;
}

#CMCompliance_Report .mainFail {
  background: red;
}

#CMCompliance_Report .subPass {
  color: green !important;
}

#CMCompliance_Report .subWarn {
  color: orange;
}

#CMCompliance_Report .subFail {
  color: red !important;
}

#CMCompliance_Report .mainPass:before, #CMCompliance_Report .subPass:before {
  content: 'check_circle';
}

#CMCompliance_Report .mainWarn:before, #CMCompliance_Report .subWarn:before {
  content: 'warning';
}

#CMCompliance_Report .mainFail:before, #CMCompliance_Report .subFail:before {
  content: 'report';
}