@charset "UTF-8";
/* SS&C color palette
-------------------------------------------------- */
/* NEUTRAL COLORS
-------------------------------------------------- */
/* ACCENT, MESSAGING & CTA COLORS
-------------------------------------------------- */
/* BRAND COLORS
-------------------------------------------------- */
/* CHART & VISUALIZATION COLORS
-------------------------------------------------- */
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url(../Webfonts/sourcesanspro/SourceSansPro-Italic.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url(../Webfonts/sourcesanspro/SourceSansPro-Regular.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url(../Webfonts/sourcesanspro/SourceSansPro-SemiBold.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: 'TrajanPro-Regular';
  src: url("../Webfonts/TrajanPro-Regular.otf") format("opentype"); }

@font-face {
  font-family: 'TrajanPro-Regular';
  src: url("../Webfonts/TrajanPro-Regular.woff") format("woff"); }

.trajan-font, .page-header h4 {
  font-family: 'TrajanPro-Regular' !important; }

.loginLogo {
  width: 60% !important; }

#sidebar {
  background: #002D56; }
  #sidebar .sidebar-header {
    padding: 60px 0 30px !important; }
    #sidebar .sidebar-header button i, #sidebar .sidebar-header button svg {
      color: #FFFFFF !important; }
    #sidebar .sidebar-header .sidebar-logo {
      width: 60% !important;
      height: auto !important; }
  #sidebar ul.components {
    padding: 0 0 40px !important; }
    #sidebar ul.components li a {
      color: #FFFFFF;
      text-transform: capitalize !important; }
    #sidebar ul.components li a:hover {
      color: #FFFFFF !important; }
    #sidebar ul.components li i {
      color: #FFFFFF !important; }
      #sidebar ul.components li i.fa-chevron-up {
        color: #FFFFFF !important; }
    #sidebar ul.components li.active a {
      color: #FFFFFF !important;
      font-weight: bold; }
      #sidebar ul.components li.active a i {
        color: #FFFFFF !important;
        font-weight: bold; }
    #sidebar ul.components li.active ul.show li a {
      color: #FFFFFF !important;
      text-transform: capitalize !important; }
    #sidebar ul.components li.active ul.show li.active a {
      color: #FFFFFF !important;
      font-weight: bold; }
    #sidebar ul.components li ul.list-unstyled li a {
      color: #FFFFFF;
      text-transform: capitalize !important; }

.custom-dropdown .k-widget {
  width: 100%; }
  .custom-dropdown .k-widget.k-datepicker .k-picker-wrap, .custom-dropdown .k-widget.k-datepicker .k-state-default {
    border-right: none !important;
    border-color: #BFBFBF !important; }
    .custom-dropdown .k-widget.k-datepicker .k-picker-wrap .k-select, .custom-dropdown .k-widget.k-datepicker .k-state-default .k-select {
      border-color: #0084C6;
      background-color: #0084C6; }
    .custom-dropdown .k-widget.k-datepicker .k-picker-wrap .k-icon, .custom-dropdown .k-widget.k-datepicker .k-state-default .k-icon {
      color: #FFFFFF !important; }
  .custom-dropdown .k-widget .k-numeric-wrap {
    border-color: #BFBFBF !important; }
  .custom-dropdown .k-widget .k-calender .k-content td.k-state-selected, .custom-dropdown .k-widget .k-calender .k-content .k-draghandle.k-state-selected {
    background-color: #0084C6 !important;
    color: #FFFFFF;
    border-color: #0084C6 !important; }
  .custom-dropdown .k-widget .k-calender .k-content td.k-state-focused, .custom-dropdown .k-widget .k-calender .k-content .k-draghandle.k-state-focused {
    background-color: #0084C6 !important;
    color: white;
    border-color: #0084C6 !important; }
    .custom-dropdown .k-widget .k-calender .k-content td.k-state-focused.k-state-selected, .custom-dropdown .k-widget .k-calender .k-content .k-draghandle.k-state-focused.k-state-selected {
      background-color: #0084C6 !important;
      color: white !important;
      border-color: #0084C6 !important; }
  .custom-dropdown .k-widget.k-dropdown {
    border-color: #BFBFBF !important; }
    .custom-dropdown .k-widget.k-dropdown .k-dropdown-wrap {
      background-color: white;
      border-color: #BFBFBF !important; }
  .custom-dropdown .k-widget.k-upload.k-header {
    background-color: #F2F2F2 !important;
    border-color: #F2F2F2 !important; }
    .custom-dropdown .k-widget.k-upload.k-header .k-button {
      background-color: #FFFFFF !important;
      border-color: #FFFFFF !important; }

.custom-dropdown.holdings-report .k-dropdown .k-input {
  color: #0084C6 !important;
  border-color: #0084C6 !important; }

.custom-dropdown.holdings-report .k-dropdown .k-dropdown-wrap {
  border-color: #0084C6 !important;
  background-color: #F2F2F2; }
  .custom-dropdown.holdings-report .k-dropdown .k-dropdown-wrap .k-icon {
    color: #0084C6 !important; }

.custom-dropdown .text-box {
  border-color: #BFBFBF; }

#ui-datepicker-div {
  background-color: #FFFFFF;
  border: 1px solid #BFBFBF; }
  #ui-datepicker-div .ui-datepicker-header {
    color: #0084C6 !important; }

.k-animation-container .k-list-container {
  background-color: #FFFFFF;
  border-color: #0084C6; }
  .k-animation-container .k-list-container .k-item.k-state-hover {
    background-color: #F2F2F2 !important;
    color: black !important; }
  .k-animation-container .k-list-container .k-item.k-state-selected {
    background-color: #0084C6;
    color: white !important; }
    .k-animation-container .k-list-container .k-item.k-state-selected.k-state-focused.k-state-hover {
      background-color: #F2F2F2 !important;
      color: black !important; }
    .k-animation-container .k-list-container .k-item.k-state-selected.k-state-hover {
      background-color: #F2F2F2 !important;
      color: black !important; }

.password-policy {
  background-color: white !important;
  border-color: #F2F2F2 !important; }
  .password-policy .k-widget {
    background-color: white !important;
    border-color: #F2F2F2 !important; }
    .password-policy .k-widget .k-window-titlebar {
      background-color: white !important; }

.k-state-selected {
  background-color: #0084C6 !important; }
  .k-state-selected.k-state-hover, .k-state-selected.k-state-focused {
    background-color: #0084C6 !important;
    color: #FFFFFF !important; }

/*.cstm-box {
    .cstm-icon {
        border: 1px solid $red;

        .fa-times {
            color: $red;
        }
    }
}*/
.custom-grid .grid-wrapper .k-widget, .custom-grid .grid-wrapper .k-grid {
  background-color: #FFFFFF; }
  .custom-grid .grid-wrapper .k-widget .k-grouping-header, .custom-grid .grid-wrapper .k-grid .k-grouping-header {
    border-color: #F2F2F2 !important; }
    .custom-grid .grid-wrapper .k-widget .k-grouping-header .k-group-indicator, .custom-grid .grid-wrapper .k-grid .k-grouping-header .k-group-indicator {
      background-color: #F2F2F2 !important; }
  .custom-grid .grid-wrapper .k-widget .k-grid-toolbar, .custom-grid .grid-wrapper .k-grid .k-grid-toolbar {
    border-color: #F2F2F2 !important; }
    .custom-grid .grid-wrapper .k-widget .k-grid-toolbar .k-button, .custom-grid .grid-wrapper .k-grid .k-grid-toolbar .k-button {
      background-color: #0084C6 !important;
      color: #FFFFFF !important;
      border-color: #0084C6 !important; }
  .custom-grid .grid-wrapper .k-widget table thead.k-grid-header, .custom-grid .grid-wrapper .k-grid table thead.k-grid-header {
    background-color: #FFFFFF !important;
    border-color: #F2F2F2 !important; }
    .custom-grid .grid-wrapper .k-widget table thead.k-grid-header .k-header, .custom-grid .grid-wrapper .k-grid table thead.k-grid-header .k-header {
      background-color: white !important;
      border-color: #F2F2F2; }
  .custom-grid .grid-wrapper .k-widget td, .custom-grid .grid-wrapper .k-grid td {
    border-color: #F2F2F2;
    background-color: #FFFFFF !important;
    word-wrap: normal !important; }
  .custom-grid .grid-wrapper .k-widget .k-grid-header, .custom-grid .grid-wrapper .k-grid .k-grid-header {
    background-color: #FFFFFF !important;
    border-color: #F2F2F2 !important; }
    .custom-grid .grid-wrapper .k-widget .k-grid-header .k-grid-header-wrap, .custom-grid .grid-wrapper .k-grid .k-grid-header .k-grid-header-wrap {
      border-color: #F2F2F2 !important; }
      .custom-grid .grid-wrapper .k-widget .k-grid-header .k-grid-header-wrap table thead .k-header, .custom-grid .grid-wrapper .k-grid .k-grid-header .k-grid-header-wrap table thead .k-header {
        border-color: #F2F2F2; }
    .custom-grid .grid-wrapper .k-widget .k-grid-header .k-link, .custom-grid .grid-wrapper .k-grid .k-grid-header .k-link {
      color: #282828; }
  .custom-grid .grid-wrapper .k-widget .k-grid-footer, .custom-grid .grid-wrapper .k-grid .k-grid-footer {
    background-color: #FFFFFF !important;
    border-color: #F2F2F2 !important; }
  .custom-grid .grid-wrapper .k-widget .k-grid-pager, .custom-grid .grid-wrapper .k-grid .k-grid-pager {
    background-color: white !important; }
    .custom-grid .grid-wrapper .k-widget .k-grid-pager .k-pager-numbers .k-state-selected, .custom-grid .grid-wrapper .k-grid .k-grid-pager .k-pager-numbers .k-state-selected {
      background-color: #0084C6;
      border-color: #0084C6; }
  .custom-grid .grid-wrapper .k-widget tr:hover, .custom-grid .grid-wrapper .k-grid tr:hover {
    background-color: #f1f1f1 !important;
    cursor: pointer !important; }
  .custom-grid .grid-wrapper .k-widget .k-grid-content, .custom-grid .grid-wrapper .k-grid .k-grid-content {
    /* Track */
    /* Handle */ }
    .custom-grid .grid-wrapper .k-widget .k-grid-content::-webkit-scrollbar-track, .custom-grid .grid-wrapper .k-grid .k-grid-content::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #BFBFBF; }
    .custom-grid .grid-wrapper .k-widget .k-grid-content::-webkit-scrollbar-thumb, .custom-grid .grid-wrapper .k-grid .k-grid-content::-webkit-scrollbar-thumb {
      background: #c5c5c5; }

.custom-grid .grid-wrapper.bordered-grid {
  border: 1px solid #BFBFBF !important; }
  .custom-grid .grid-wrapper.bordered-grid .k-grid-pager {
    border-top: 1px solid #BFBFBF !important; }

.custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-header-locked {
  float: right; }
  .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-header-locked th {
    background-color: #FFFFFF; }

.custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked {
  float: right; }
  .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked .k-grid-edit {
    border-color: #0084C6;
    background-color: #0084C6;
    color: #FFFFFF; }
  .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked .k-grid-delete {
    color: #0084C6; }
  .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked .k-grid-update {
    border-color: #0084C6;
    background-color: #0084C6;
    color: #FFFFFF; }
  .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked .k-grid-cancel {
    color: #0084C6; }

.custom-grid .k-grid-content .k-grouping-row td, .custom-grid .k-grid-content .k-resize-handle-inner, .custom-grid .k-grid-content td.k-group-cell {
  background-color: #FFFFFF; }

.custom-grid.remove-k-alt .k-alt {
  background-color: transparent !important; }

.grid-height .k-grid-content {
  height: auto !important;
  min-height: 200px !important;
  max-height: 500px !important;
  position: relative !important;
  background-color: #FFFFFF !important;
  /* Track */
  /* Handle */ }
  .grid-height .k-grid-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #BFBFBF;
    border-radius: 5px; }
  .grid-height .k-grid-content::-webkit-scrollbar-thumb {
    background: #c5c5c5;
    border-radius: 5px; }

.grid-height-v2 .k-grid-content {
  background-color: #FFFFFF !important;
  /* Track */
  /* Handle */ }
  .grid-height-v2 .k-grid-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #BFBFBF;
    border-radius: 5px; }
  .grid-height-v2 .k-grid-content::-webkit-scrollbar-thumb {
    background: #c5c5c5;
    border-radius: 5px; }

.grid-height-v3 .k-grid-content {
  background-color: #FFFFFF !important;
  /* Track */
  /* Handle */ }
  .grid-height-v3 .k-grid-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #BFBFBF; }
  .grid-height-v3 .k-grid-content::-webkit-scrollbar-thumb {
    background: #c5c5c5; }

table.k-selectable .k-state-selected {
  background-color: #FFFFFF !important;
  color: #282828 !important; }

.bordered-tbl table td {
  border-color: #F2F2F2; }

.right-bordered-tbl table td {
  border-color: #F2F2F2; }

.bottom-bordered-tbl table td {
  border-color: #F2F2F2; }

.bottom-bordered-tbl table th.k-header {
  border-color: #F2F2F2; }

#divCoreAssetAllocationGraph .bordered-tbl table th.k-header {
  border-color: #F2F2F2; }

#divCoreAssetAllocationGraph .bordered-tbl table .k-grid {
  border-color: #F2F2F2; }

.custom-tabs nav .nav .nav-link.active, .custom-tabs nav .nav-tabs .nav-link.active {
  border-bottom: 2px solid #0084C6 !important; }

.custom-tabs .nav-pills .nav-items.active a {
  color: #0084C6;
  border-bottom: 3px solid #0084C6; }

.risk-assessment-tabs .k-tabstrip-wrapper .k-widget .k-tabstrip-items li.k-item:hover, .risk-assessment-tabs .k-tabstrip-wrapper .k-widget .k-tabstrip-items li.k-item:focus, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items li.k-item:hover, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items li.k-item:focus {
  background-color: white !important; }

.risk-assessment-tabs .k-tabstrip-wrapper .k-widget .k-tabstrip-items li.k-item.k-state-active, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items li.k-item.k-state-active {
  border-bottom: 2px solid #0084C6 !important; }

.risk-assessment-tabs .k-tabstrip-wrapper .k-widget .k-tabstrip-items li.k-item .k-link, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items li.k-item .k-link {
  color: #0084C6 !important; }

.risk-assessment-tabs .riskSubSection .riskSubSectionHeader b {
  color: #0084C6 !important; }

div.k-window.k-widget .k-window-titlebar {
  background-color: #FFFFFF; }
  div.k-window.k-widget .k-window-titlebar.k-upload-empty {
    background-color: #F2F2F2 !important; }
    div.k-window.k-widget .k-window-titlebar.k-upload-empty .k-upload-button {
      border-color: transparent !important;
      color: black !important;
      background-color: #ffffff !important;
      border-radius: 0 !important; }
  div.k-window.k-widget .k-window-titlebar.k-upload-sync {
    background-color: #F2F2F2 !important; }
    div.k-window.k-widget .k-window-titlebar.k-upload-sync .k-upload-button {
      color: black !important;
      background-color: #ffffff !important; }

div.k-window.k-widget.k-header.k-upload, div.k-window.k-widget.k-header.k-upload-sync, div.k-window.k-widget.k-header.k-upload-empty, div.k-window.k-widget.k-header.k-editor-widget {
  background-color: #F2F2F2 !important; }

div.k-window.k-dialog .k-dialog-buttongroup .k-button {
  color: #444A59 !important;
  border-color: transparent !important;
  background-color: #F2F2F2 !important; }
  div.k-window.k-dialog .k-dialog-buttongroup .k-button:first-child {
    background-color: #0084C6 !important; }

div.k-window table.k-editor-widget {
  background-color: #f2f2f2 !important;
  color: black !important;
  border-color: #e6e6e6 !important; }

div.k-window table td > .k-editable-area {
  border-color: #e6e6e6 !important; }

div.k-window table .k-tool-group span.k-editor-widget {
  background-color: #f2f2f2 !important;
  border-color: #e6e6e6 !important;
  color: black !important; }
  div.k-window table .k-tool-group span.k-editor-widget .k-editor-dropdown .k-dropdown-wrap {
    border-color: #e6e6e6 !important; }

/* ---------------------------------------------------
    FORMS
----------------------------------------------------- */
/* Inputs
-------------------------------------------------- */
.btn.brand-primary {
  color: #FFFFFF;
  background-color: #0084C6; }
  .btn.brand-primary:hover {
    background-color: #0084C6; }
  .btn.brand-primary:active {
    background-color: #0084C6; }

.btn.brand-secondary {
  color: #0084C6;
  border-color: #0084C6; }
  .btn.brand-secondary:hover {
    color: #FFFFFF;
    background-color: #0084C6; }
    .btn.brand-secondary:hover i {
      color: #FFFFFF !important; }
  .btn.brand-secondary:active {
    background-color: #0084C6; }
  .btn.brand-secondary.btn-rounded.active {
    background-color: #0084C6;
    color: #FFFFFF !important; }

.btn.brand-link {
  color: #0084C6; }
  .btn.brand-link:hover {
    color: #0084C6;
    border-color: #0084C6; }
  .btn.brand-link:active {
    color: #0084C6;
    background-color: #93dbff; }

.btn.brand-icon {
  background-color: #c6ecff;
  color: #0084C6; }

.btn.brand-linkicon {
  color: #0084C6; }
  .btn.brand-linkicon i {
    color: #0084C6; }

.btn.brand-grey {
  background-color: #F2F2F2 !important;
  color: #307FE2 !important; }

.btn-group.btn-group-toggle-custom .btn-secondary:not(:disabled):not(.disabled).active, .btn-group.btn-group-toggle-custom .btn-secondary:not(:disabled):not(.disabled):active, .btn-group.btn-group-toggle-custom .show > .btn-secondary.dropdown-toggle {
  color: #282828;
  background-color: #F2F2F2;
  border-color: #BFBFBF; }

.btn-group.btn-group-toggle-custom .btn-secondary {
  color: #282828;
  background-color: #FFFFFF;
  border-color: #BFBFBF; }

.btn-customgroup {
  color: #0084C6; }
  .btn-customgroup.active {
    border: 1px solid #0084C6;
    color: #0084C6; }
  .btn-customgroup:hover {
    color: #0084C6; }

.k-grid-content .k-button {
  background-color: #FFFFFF !important;
  color: #0084C6 !important; }
  .k-grid-content .k-button.k-grid-edit {
    background-color: #FFFFFF !important;
    color: #0084C6 !important;
    border-color: #0084C6 !important; }
  .k-grid-content .k-button.k-primary.k-grid-update {
    background-color: #0084C6 !important;
    color: #FFFFFF !important;
    border-color: #0084C6 !important; }

.doc-btn {
  background-color: #0084C6 !important;
  color: #FFFFFF !important;
  border-color: #0084C6 !important; }

.k-widget.k-tooltip-validation {
  background-color: #ffc000 !important; }

.error-text {
  color: #F53249; }

.card-body .norecords, .card .norecords {
  border: 1px solid #BFBFBF; }
  .card-body .norecords.v2, .card .norecords.v2 {
    border: 1px solid #BFBFBF; }

.card.card-custom .card-body.modified-grid .k-widget .k-grid-header, .card.card-custom .card-body.modified-grid .k-grid .k-grid-header {
  background-color: #FFFFFF; }

.card.card-custom .card-body.modified-grid .k-widget tr.k-alt, .card.card-custom .card-body.modified-grid .k-grid tr.k-alt {
  background-color: #FFFFFF;
  border-top: 1px solid #F2F2F2; }

.card.card-custom .card-body.modified-grid .k-widget td, .card.card-custom .card-body.modified-grid .k-grid td {
  border-color: #F2F2F2 !important; }

.bg-light {
  background-color: #F7F7F7 !important; }

.k-i-arrow-60-down:before {
  content: "\e015";
  top: 5px; }

.fa-star {
  color: #e6bc12 !important; }

.dot.open {
  background-color: #BFBFBF; }

.dot.closed {
  background-color: #CC2F64; }

.dot.on-hold {
  background-color: #FF8D0F; }

.dot.completed {
  background-color: #48A651; }

.p-v2 {
  padding: .375rem .75rem !important; }

body {
  background-color: #F7F7F7; }

/* ---------------------------------------------------
    GENERAL CLASSES
----------------------------------------------------- */
.dot {
  background-color: #06BEE1; }
  .dot.client {
    background-color: #48A651; }
  .dot.prospect {
    background-color: #E6BE0A; }
  .dot.lead {
    background-color: #06BEE1; }
  .dot.not-started {
    background-color: #BFBFBF; }
  .dot.waiting {
    background-color: #E6BE0A; }
  .dot.deferred {
    background-color: #FF8D0F; }
  .dot.in-progress {
    background-color: #06BEE1; }
  .dot.complete {
    background-color: #48A651; }

.fa-chevron-right {
  color: #BFBFBF; }

/* ---------------------------------------------------
    MODULES (to not mess up the basic Bootstrap-classes,
    add the custom class after inital class. e.g .card .card-custom)
----------------------------------------------------- */
/* Cards
-------------------------------------------------- */
.card.card-custom .card-list {
  border-bottom: 1px solid #F2F2F2;
  color: #282828;
  background: #FFFFFF; }
  .card.card-custom .card-list:hover {
    background: #F2F2F2; }
  .card.card-custom .card-list i {
    color: #BFBFBF; }

.card.card-custom .card-header {
  background: #FFFFFF; }

.card.card-custom .card-link {
  color: #0084C6; }

.card.card-custom .card-footer {
  background: #FFFFFF; }

/* Accordion
-------------------------------------------------- */
.accordion.accordion-card-custom .btn i {
  color: #0084C6; }

.accordion.accordion-card-custom .card .card-header {
  background: #FFFFFF; }
  .accordion.accordion-card-custom .card .card-header .btn h4 {
    color: #282828; }
  .accordion.accordion-card-custom .card .card-header .btn span {
    color: #707070; }

/* List-accordion
-------------------------------------------------- */
.accordion.accordion-card-custom.list-accordion .card {
  border-bottom: 1px solid #F2F2F2; }

.accordion.accordion-card-custom.list-accordion .list-body {
  background: #F2F2F2; }

/* les for charts
-------------------------------------------------- */
.clickable-legend li {
  border-bottom: 1px solid #F2F2F2;
  background: #FFFFFF; }
  .clickable-legend li:hover {
    background: #F2F2F2; }
  .clickable-legend li p {
    color: #282828; }

.legend ul li h5 {
  color: #282828;
  color: #707070; }

/* Tabs
-------------------------------------------------- */
.tabs .custom-control.custom-checkbox {
  border-bottom: 1px solid #F2F2F2; }

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 5px solid #f5f5f5; }

/* ---------------------------------------------------
    FORMS (These classes will override the bootstrap-classes,
    but are so general, they should not break the original styles)
----------------------------------------------------- */
/* Inputs
-------------------------------------------------- */
.form-control {
  border-color: #BFBFBF; }

/* Select
-------------------------------------------------- */
.custom-select {
  border-color: #BFBFBF; }

/* Range
-------------------------------------------------- */
.custom-range::-webkit-slider-thumb {
  background: #0084C6; }

.custom-range::-moz-range-thumb  {
  background: #0084C6; }

/* Radio card
-------------------------------------------------- */
.radio-card .card.card-custom:hover {
  border-color: #0084C6; }

.radio-card .card-input-element:checked + .card.card-custom {
  border-color: #0084C6; }

/* Checkbox
-------------------------------------------------- */
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #0084C6;
  background-color: #0084C6; }

.custom-date .input-group-text {
  border-color: #0084C6;
  background-color: #0084C6;
  color: #FFFFFF; }

header {
  background-color: #FFFFFF; }
  header .header-logo {
    width: auto;
    height: 45px !important; }
  header .btn i {
    color: #444A59; }
  header .header-alert .badge {
    background-color: #0084C6;
    color: #FFFFFF; }
  header .header-user .dropdown-toggle:after {
    color: #BFBFBF; }
  header .dropdown-menu.dropdown-alert .dropdown-item span {
    color: #707070; }
  header .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #F2F2F2; }
    header .dropdown-menu .dropdown-item.active {
      background-color: #F2F2F2;
      color: #282828; }
    header .dropdown-menu .dropdown-item:active {
      background-color: #BFBFBF;
      color: #282828; }

table.table.table-regular th {
  border-bottom: 1px solid #F2F2F2; }

table.table.table-regular td {
  border-bottom: 1px solid #F2F2F2; }

table.table.table-regular tr.thick-border td, table.table.table-regular tr.thick-border th {
  border-bottom: 1px solid #707070; }

table.table.table-regular .level1, table.table.table-regular .level2, table.table.table-regular .level3 {
  border-left: 5px solid #06BEE1; }
  table.table.table-regular .level1 i, table.table.table-regular .level2 i, table.table.table-regular .level3 i {
    color: #0084C6; }

table.table.table-regular .group1 {
  border-color: #63B9BF; }

table.table.table-regular .group2 {
  border-color: #784F9B; }

table.table.table-regular .group2 {
  border-color: #E6BE0A; }

.clickable-row:hover {
  background: #F2F2F2; }

/* Typography
-------------------------------------------------- */
body {
  color: #282828;
  background-color: #F7F7F7; }

h5 {
  color: #707070; }

h6 {
  color: #707070; }

a {
  color: #0084C6; }

.grey-text {
  color: #707070; }

.green-text {
  color: #48A651; }

.red-text {
  color: #CC2F64; }

.possitive-val {
  color: #48A651; }

.negative-val {
  color: #CC2F64; }

/* ---------------------------------------------------
    Dashboard Investor/advisor
----------------------------------------------------- */
/* Investor dashboard (to make them equal height
/* when next to each other)
-------------------------------------------------- */
.module-area .module-row .card-custom {
  background: #FFFFFF; }

@media screen and (max-width: 992px) {
  .module-area .module-row .card-custom {
    background: #FFFFFF; } }

/* INVESTOR DASHBOARD
-------------------------------------------------- */
/* Key metrics and shortcuts
-------------------------------------------------- */
.dashboard-shortcuts .shortcut:hover {
  background-color: white;
  border-color: #0084C6; }

.dashboard-shortcuts i.sc-trade {
  color: #06BEE1; }

.dashboard-shortcuts i.sc-save {
  color: #FF8D0F; }

.dashboard-shortcuts i.sc-documents {
  color: #D248BD; }

.dashboard-shortcuts i.sc-contact {
  color: #63B9BF; }

.dashboard-shortcuts p {
  color: #282828; }

/* Asset allocation
-------------------------------------------------- */
/* ADVISOR DASHBOARD
-------------------------------------------------- */
.dashboard-advisor .key-metrics .card-custom, .dashboard-advisor .dashboard-shortcuts .card-custom {
  background: #FFFFFF; }

.dashboard-advisor .dashboard-shortcuts .card-body i {
  color: #0084C6; }
  .dashboard-advisor .dashboard-shortcuts .card-body i.fa-chevron-right {
    color: #BFBFBF; }

@media screen and (max-width: 600px) {
  .key-numbers > div {
    border-bottom: 1px solid #F2F2F2; }
  .key-numbers h5 {
    color: #282828; } }

body {
  background-color: #F2F2F2; }

/***** Top content *****/
.top-content .select-lang-dropdown {
  border: 1px solid #F2F2F2; }

.inner-bg .form-box .form-bottom form .input-error {
  border-color: #4aaf51; }

.request-details .top-content {
  border-bottom: 1px solid #F2F2F2; }

.request-details .mid-content .Right .time {
  color: #707070; }

.request-details .mid-content .Right .attachment {
  background-color: #F4F8FD;
  color: #20A7E9; }

.request-details .mid-content .Right .comment {
  background-color: #06BEE1;
  color: #FFFFFF; }

.request-details .mid-content .Left .time {
  color: #707070; }

.request-details .mid-content .Left .attachment {
  background-color: #F4F8FD;
  color: #20A7E9; }

.request-details .mid-content .Left .comment {
  background-color: #F2F2F2;
  color: #282828; }

.request-details .bottom-content {
  border-bottom: 1px solid #F2F2F2;
  border-top: 1px solid #F2F2F2; }

.request-details .attach-ic {
  color: #0084C6 !important; }

.request-details .send-ic {
  color: #0084C6 !important; }

.attached-file {
  background-color: #f5f5f5;
  color: #20A7E9; }

.k-detail-row .k-detail-cell {
  background-color: #FFFFFF; }

#RequestList table tr td {
  border-bottom: 1px solid #F2F2F2 !important; }
  #RequestList table tr td:first-child {
    border-left: 3px solid #ffc107 !important; }

#tradex .custom-searchbox .cstm-input {
  background-color: #F2F2F2; }

#tradex .empty-buylist .empty-text {
  color: #282828; }

#tradex .dvamount .k-widget.read-only {
  background-color: #F2F2F2 !important; }

#SelectedProductConfirmation tr {
  border-bottom: 1px solid #F2F2F2 !important; }

#SelectedProductConfirmationForSell tr {
  border-bottom: 1px solid #F2F2F2 !important; }

.k-window .k-edit-buttons .k-diagram-update {
  background-color: #0084C6 !important;
  color: #FFFFFF; }

.k-window .k-edit-buttons .k-diagram-cancel {
  color: #307FE2; }

.k-window .k-edit-buttons .k-grid-update {
  background-color: #0084C6 !important;
  color: #FFFFFF !important;
  border-color: #0084C6 !important; }

.k-window .k-edit-buttons .k-grid-cancel {
  background-color: #FFFFFF !important;
  color: #0084C6 !important; }

#diagram .k-toolbar {
  background-color: #FFFFFF; }

#WorkFlowIcon {
  background-color: #002D56;
  color: #FFFFFF; }

#WorkFlowSidebar #WorkFlowStatusSideBar .k-widget {
  background-color: #F2F2F2 !important; }

#WorkFlowSidebar #WorkFlowStatusSideBar .DigramHeading {
  background-color: #002D56 !important;
  color: #FFFFFF; }

/* ---------------------------------------------------
    Dashboard Investor/advisor
----------------------------------------------------- */
/* Investor dashboard (to make them equal height
/* when next to each other)
-------------------------------------------------- */
.steps li.active .badge {
  background: #06BEE1;
  color: #FFFFFF; }

.steps li .badge {
  background: #F2F2F2;
  color: #BFBFBF; }

.steps li p {
  color: #282828; }

.steps li hr {
  background: #BFBFBF; }

@media (width: 320px) {
  #RequestworkflowDIV .request-details .bottom-content .input-box {
    width: 61% !important; } }

@media (width: 480px) {
  #RequestList table tr td {
    width: 100% !important; } }

@media (width: 480px) {
  .close {
    margin-top: 10px !important;
    font-size: 1.0rem !important; } }

.accordion .card .list-body .col-6.text-left {
  padding: 0 !important; }
  @media (Width: 320px) {
    .accordion .card .list-body .col-6.text-left .btn {
      font-size: 12px !important; } }

.accordion .card .list-body .col-6.text-right {
  padding: 0 !important; }
  @media (Width: 320px) {
    .accordion .card .list-body .col-6.text-right .btn {
      font-size: 12px !important; } }

.accordion .card .card-header.pending-req .btn div p {
  white-space: nowrap;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 240px; }
  @media (Width: 320px) {
    .accordion .card .card-header.pending-req .btn div p {
      width: 200px !important; } }

#dashboard-investor .module .tabs .btn-group {
  display: inherit !important; }

#RiskCurrency-list {
  width: auto !important;
  right: 11px !important; }
  @media (min-width: 320px) and (max-width) {
    #RiskCurrency-list {
      right: 0 !important; } }

.notificationlistitem {
  max-height: 53px !important;
  overflow: hidden !important; }

@media (width: 320px) {
  header .dropdown-menu.show {
    right: -13px !important; } }

@media (width: 320px) {
  .card.card-custom .card-header .custom-select {
    max-width: 130px !important; } }

@media (width: 1024px) {
  #RequestworkflowDIV .MbColumnHeaderText {
    width: 20% !important; } }

@media (width: 1024px) {
  #RequestworkflowDIV .MbColumnColumnValue {
    width: 76% !important;
    text-align: left !important; } }

@media (min-width: 320px) and (max-width: 480px) {
  #rmContacts .MbColumnColumnValue {
    word-wrap: break-word !important; } }

.custom-dropdown.holdings-report {
  width: auto !important; }
  .custom-dropdown.holdings-report .k-dropdown {
    width: auto !important; }